@font-face
{
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'), url('../fonts/OpenSansRegular.woff2') format('woff2'), url('../fonts/OpenSansRegular.woff') format('woff'), url('../fonts/OpenSansRegular.ttf') format('truetype'), url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
/* ------- Global CSS ----*/
body
{
    font-family: "Open Sans" ,sans-serif !important;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0;
    background:rgba(0, 0, 0, 0) url("../../images/bg.jpg") no-repeat fixed center top;
    
}

img
{
    border: none;
    display: block;
}
form, fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}
ul, ol
{
    margin: 0;
    padding: 0;
}

.headMid {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    
    padding: 5px 15px;
}

a
{
    outline: none;
    text-decoration: none;
    color: #528bb6;
}
a:hover
{
    text-decoration: underline;
}
a:focus
{
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, p
{
    margin: 0;
    padding: 0px;
}
.hide-nav
{
    display: none !important;
}
.form-control:focus
{
    border-color: #2CBBC0;
}
.login-box .form-group span
{
    color: #f00;
}
.form-group input[type=checkbox], input[type=radio]
{
    float: left;
}
.status-chkbox, .status-chkbox tr, td
{
    background-color: transparent !important;
    border: 0px !important;
    font-weight: normal;
}

.status-chkbox label
{
    background-color: transparent !important;
    border: 0px !important;
    font-weight: normal;
}
.status-chkbox-pad td
{
    padding: 8px 15px 0 0;
}
.status-chkbox input[type=radio]
{
    margin: 4px 2px 0 0;
}
/*input[type="text"] { border: 1px solid #cbd5dc; padding: 0px 6px; line-height: 24px;}
input[type="file"] { background: #FFF url(../Images/searchInput.gif) repeat-x left top; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}
input[type="password"] { background: url(../Images/searchInput.gif) repeat-x left top; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}*/

form select
{
    background-image: url(../Images/inputBG.png);
    height: 26px;
    border: 1px solid #cbd5dc;
    padding: 0px 6px;
    font-size: 0.95em;
    font-weight: normal !important;
}
select:disabled
{
    border: 1px solid #c4c4c4;
    background: #dedede !important;
}

.gridView
{
    margin: 20px 0px;
    position: inherit;
    /*z-index: -1;*/
}
.searchInner
{
    padding: 5px 10px;
    background: #fef1dc;
    border: 1px solid #dfd2be;
    margin-top: 15px;
    overflow: hidden;
}
.calIcon
{
    background: #fefefe url(../Images/calIcon.png) no-repeat right center !important;
}
.calender
{
    background: #fefefe url(../Images/calIcon.png) no-repeat right center !important;
}
.searchMarg
{
    margin-top: 20px;
}
.lbl_Validator
{
    color: Red;
}
.NoOfApplication
{
    display: block;
    color: #000;
    border: 1px solid #333;
    background: #ccc;
    font-size: 1em;
    padding: 2px 10px;
}
.mandatory
{
    color: Red;
}

/*----- END Global CSS --------*/

#main
{
    width: 1004px;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}
#header
{
    width: 100%;
    height: auto;
    clear: both;
}
.headerTop
{
    overflow: hidden;
    width: 100%;
    text-align: right;
    color: #cbcbcb;
}
.topLink
{
    height: 33px;
    padding-right: 6px;
    margin-top: 6px;
}
.headerTop a
{
    padding: 0px 6px;
    color: #cbcbcb;
}
.headerTop a:hover
{
    color: #FFF;
    text-decoration: none;
}

.webAccess
{
    padding: 0px 5px 0px 5px;
    float: left;
    margin-top: 8PX;
}
.language
{
    padding: 5px 0px 0px 6px;
}
.highContrast
{
    width: auto;
    text-align: center;
    padding: 0px 6px !important;
    height: auto;
    background: #000 !important;
    border: 1px solid #2cbbc0 !important;
    color: #FFF !important;
}
.lowContrast
{
    width: auto;
    text-align: center;
    padding: 0px 6px 0px 10px !important;
    height: auto;
    border: 1px solid #2cbbc0 !important;
    background: #FFF !important;
    color: #000 !important;
}
.btnDisplay
{
    position: absolute;
    left: -9999px;
}
.hidden
{
    position: absolute;
    left: -9999px;
}
.button
{
    background: #000;
    padding: 0px 10px;
    color: #FFF;
    line-height: 24px;
    display: inline-block;
    overflow: hidden;
    font-weight: bold;
    height: 24px;
    margin-left: 3px;
    font-size: 0.75em;
    font-family: Arial;
}

.headerTop .topLinks
{
    width: 100%;
    height: 24px;
}
.topLinks-bg
{
    background-color: #2d2f34;
}

.modal-content {
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
}
.topLinks ul.other_links
{
    list-style-type: none;
    float: right;
    color: #fff;
    font-size: 0.8em;
    margin-bottom: 0px;
}
.topLinks ul.other_links li
{
    float: left;
}
.topLinks ul.other_links li a
{
    padding: 10px 7px;
    text-decoration: none;
    color: #cbcbcb;
    display: block;
}
.topLinks ul.other_links li a:hover
{
    color: #FFF;
    text-decoration: none;
    background-color: #2cbbc0;
}
.gom-icon
{
    padding: 5px 0;
    font-size: 0.8em;
}
.gom-icon img
{
    margin: 0 4px 0 0;
}
.gom-icon span
{
    padding: 5px 0;
}
.dept-logo img
{
    margin: 0 0 0 40px;
}

.welcome-txt
{
    padding: 10px 6px;
    display: block;
}
.uiCulture
{
    float: left;
}
.uiCulture li
{
    float: left;
    list-style-type: none;
    margin: 0px 2px;
}
.uiCulture input[type="submit"]:hover
{
    color: #FFF;
}
.topLinks input
{
    background: none;
    border: none;
    color: #cbcbcb;
    height: auto;
    cursor: pointer;
    display: block;
}
.topLinks input[type="submit"]
{
    border: 1px dotted Gray;
    height: 20px !important;
    width: auto;
}
.loginBTN
{
    border: none !important;
    padding: 0px 7px;
    margin-top: -2px;
}

.paneLeft
{
    background: url(../Images/topBarL.png) no-repeat left top;
    width: 8px;
    height: 33px;
    float: left;
}
.paneMid
{
    background: #10a5df;
    width: auto;
    height: 32px;
    border-bottom: 1px solid #0c7fb5;
    padding: 0px 5px;
    float: left;
    line-height: 28px;
}
.paneMid a
{
    color: #FFF;
    padding: 0px 8px;
    font-size: 12px;
}
.paneRight
{
    background: url(../Images/topBarR.png) no-repeat right top;
    width: 7px;
    height: 33px;
    float: left;
}

.headMid
{
    width: 100%;
    overflow: hidden;
}
.depName
{
    padding-top: 7px; /*margin-left: 17px;*/
    overflow: hidden;
    float: left;
}
.depNameR
{
    width: 284px;
    float: left;
    color: #FFF;
    line-height: 32px;
    right: 0px;
    margin-top: 3px;
}
.panelDev
{
    float: right;
    overflow: hidden;
}
.statePortal
{
    clear: both;
    float: right;
}
.hidden
{
    position: absolute;
    left: -9999px;
    display: none;
}

/*--------------- Main Navigation --------------*/

.nav
{
    height: 47px;
    clear: both;
    background: url(../Images/menuBG.png) repeat-x left top;
}

/*--------------- END Main Navigation --------------*/

/*----- Comman CSS -------*/

.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.leftPanel
{
    float: left;
    margin: 7px 20px 0px 0px;
    width: 689px;
}
.rightPanel
{
    float: left;
    width: 255px;
    overflow: hidden;
}

h1
{
    font-size: 1.0em;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #9FC3D1;
    background-color: #B6DAE8;
    padding: 7px;
}
h2
{
    padding: 0px;
    line-height: 20px;
    margin: 10px 0 0;
    color: #b78704;
    font-size: 1.2em;
}
h3
{
    padding: 0px;
    line-height: 18px;
    margin: 10px 0 10px;
    color: #990000;
    font-size: 1em;
}

.pageHeading, .divTrnsID
{
    font-family: yanone_kaffeesatz_regularRg;
    font-size: 1.3em;
    color: #98460a;
    height: 28px;
    margin-bottom: 12px;
    border-bottom: 4px solid #e2e3e3;
}
.formPageHeading
{
    color: #98460a;
    height: 30px;
    position: absolute;
    margin: -52px 0px 0px 15px;
    font-weight: bold;
    font-size: 1.2em;
}
/*.Instruction {color: Red; margin: 5px 0px 0px; text-align: right; width: 982px; clear: both;}*/
.Instruction span
{
    height: 18px;
    padding-left: 5px;
}
/*.pageHeadingForm { background: #FFF; padding: 8px 15px 10px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;border-bottom:4px solid #DEDCD9;}*/
.pageHeadingForm
{
    background: #FFF;
    padding: 8px 15px 10px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.subPageHeading
{
    font-family: yanone_kaffeesatz_regularRg;
    font-size: 1.2em;
    color: #6b3e3e;
    height: 28px;
    display: block;
}

.content
{
    font-family: Microsoft Sans Serif, Arial;
    padding: 15px 14px 15px 20px;
    text-align: justify;
    background: #FFF;
    border: 1px solid #e1e1e1;
    border-top: 0px solid #e1e1e1;
    border-bottom: 0px solid #e1e1e1;
    overflow: hidden;
    min-height: 438px;
    height: auto;
    line-height: 22px;
}
.innerCont
{
    padding: 10px 14px 10px 6px;
    text-align: justify;
    line-height: 22px;
}
.innerContAdmin
{
    padding: 10px 10px 10px 10px;
    text-align: justify;
    line-height: 22px;
}
.contMargin
{
    margin-right: 7px;
}
.headPad
{
    padding: 25px 10px 15px 6px;
    background: url(../Images/MH_Map.jpg) no-repeat center center;
    overflow: hidden;
}
.more
{
    color: #7b7b7b;
    font-size: 0.9em;
    background: url(../Images/iconMore.png) no-repeat right 6px;
    padding-right: 12px;
    font-weight: bold;
    display: none;
}
.moreNews
{
    color: #98460a;
    font-weight: bold;
    font-family: yanone_kaffeesatz_regularRg;
    text-align: right;
    background: url(../Images/iconList.png) no-repeat right 5px;
    padding-right: 15px;
}

.navPad
{
    padding-top: 8px;
}
.orgRow
{
    padding-top: 30px;
    clear: both;
}
.orgST
{
    float: left;
    width: 25%;
    height: auto;
    text-align: center;
}
.orgST h2
{
    font-size: 0.95em;
    font-weight: bold;
    color: #6e1212;
    padding-top: 6px;
}
.orgST h2 a
{
    color: #6e1212;
}
.orgST p
{
    font-size: 0.9em;
    color: #7a7a7a;
    line-height: 14px;
}
.imgBG
{
    background: #FFF;
    border: 1px solid #e4e4e4;
    padding: 4px;
    display: block;
    margin-bottom: 4px;
}

..imgBG
{
    background: #FFF;
    border: 1px solid #e4e4e4;
    padding: 4px;
    display: block;
    margin-bottom: 4px;
}

.contBlock
{
    overflow: hidden;
    padding: 0px 10px 0px;
}
.contRow
{
    border-bottom: 1px dashed #dbdbdb;
    overflow: hidden;
    padding: 12px 0px;
}
.contBoxL
{
    float: left;
    width: 330px;
    overflow: hidden;
    color: #474747;
    padding: 7px 15px 0px 0px;
}
.contBoxR
{
    float: left;
    width: 290px;
    overflow: hidden;
    padding: 7px 0px 0px 40px;
    color: #474747;
}
.contBlock h3
{
    font-size: 1em;
    font-weight: bold;
    color: #770202;
}
.contBlock h4
{
    font-size: 0.95em;
    font-weight: bold;
    color: #000;
    height: 16px;
}
.contBlock p
{
    padding-top: 8px;
    line-height: 18px;
}
.contBlock .desg
{
    font-size: 0.9em;
    color: #595958;
}
.contLabel
{
    width: 100px;
    padding: 10px 15px 0px 0px;
    display: inline;
}
.rowContact
{
    padding: 6px 0px 7px;
    overflow: hidden;
}
.phoneLabel
{
    background: url(../Images/phoneIcon.gif) no-repeat left center;
    padding-left: 26px;
}
.emailLabel
{
    background: url(../Images/emailIcon.gif) no-repeat left center;
    padding-left: 26px;
}
.paddL
{
    padding-left: 15px;
}
.email
{
    padding: 5px 5px 0px 0px;
}

.clear
{
    clear: both;
    overflow: hidden;
}

.tablePadd tr td
{
    padding: 5px 0px;
}

.tableClass
{
    border: 1px solid #dfdfdf !important;
}
.tableClass tr th
{
    background: #2c4559;
    height: 32px;
    color: #FFF;
    padding: 0px 8px;
    font-weight: bold;
    text-align: left;
}
.tableClass tr th a, .tableClass tr th a:visited
{
    color: #fff;
}
.tableClass tr td
{
    padding: 6px 8px;
    color: #444444;
    text-align: left;
    vertical-align: top;
    background: #f6f5f3;
}
.tableClass .even
{
    background-color: #efeeec !important;
}

#SitePH_grvsevakendra tr th
{
    text-align: center !important;
}
#SitePH_grvsevakendra tr td
{
    vertical-align: middle !important;
}

.innerContTab
{
    text-align: justify;
    line-height: 22px;
    margin: 10px 0px;
}

.myAccount
{
    background: url(../Images/myaccountIcon.png) no-repeat left center;
    padding-left: 22px;
    font-weight: bold;
    color: #7d3316;
    display: block;
    font-size: 0.95em;
    float: left;
    margin-right: 10px;
}
.pdfDownload
{
    background: url(../Images/pdfIcon.png) no-repeat left center;
    padding-left: 25px;
    font-weight: bold;
    color: #7d3316;
    display: block;
    font-size: 0.95em;
    float: left;
    margin-right: 10px;
}
.pdfDownload:hover
{
    color: #e15625 !important;
    text-decoration: underline;
}
.viewLink
{
    background: url(../Images/viewIcon.png) no-repeat left center;
    padding-left: 28px;
    color: #3a7dda;
    display: block;
    font-size: 0.95em;
}
.editLink
{
    background: url(../Images/editIcon.png) no-repeat left center;
    padding-left: 28px;
    color: #3a7dda;
    font-size: 0.95em;
    margin-right: 8px;
}
.delLink
{
    background: url(../Images/delIcon.png) no-repeat left center;
    padding-left: 28px;
    color: #3a7dda;
    display: block;
    font-size: 0.95em;
}

.pdfShow
{
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 3px;
    border: 1px solid #e4e4e4;
}
.pdflabel
{
    background-color: #efefef;
    color: #333333;
    float: left;
    width: 550px;
    padding: 5px 10px;
    min-height: 26px;
    height: auto;
    overflow: hidden;
}

.pdflabelDescription
{
    font-family: Verdana, Tahoma, arial;
    text-align: left;
    color: #000;
    width: 100px;
    float: left;
    padding: 6px 10px;
    border-left: 2px solid #ffffff;
    border-collapse: collapse;
}
.divCont
{
    background: #f9f9f9;
    height: auto;
    overflow: hidden;
    border: 1px solid #ffffff;
}

.innerUl
{
    padding-top: 15px;
}
.innerUl ul
{
    height: auto;
    padding: 0px 15px 0px 37px;
}
.innerUl ul li
{
    list-style-image: url(../Images/listIcon.png);
    color: #000203;
    margin: 8px 0px;
    line-height: 20px;
}
.innerUl ul li.lastChild
{
    background: none;
}
.innerUl ul li a
{
    color: #000203;
    font-size: 0.95em;
}
.innerUl ul li a:hover
{
    color: #f46f03;
}

.dot
{
    background: url(../Images/dotImg.gif) repeat-x left bottom;
}
.paddimg
{
    padding-top: 12px;
}
.helpDesk
{
    height: auto;
    overflow: hidden;
    margin-top: 14px;
    font-size: 1em !important;
    font-weight: bold;
    padding: 4px 10px;
    border: 1px dashed #a09691;
    background: #faf4e7;
}
.helpDesk span span
{
    color: #98460a;
}

/*----- END Comman CSS -------*/

#CPH_pnlGrid div{border-bottom: 4px solid #2cbbc0;background-color: #e0f5f6;padding: 22px 10px 0;}

/*Pannel Footer*/
.grdFooter{margin: 15px 0; display:inline-block;}
.grdFooter td {border:none !important; padding:0px !important}
.grdFooter td table tbody tr td span{padding:8px 10px; border:1px solid #ccc; margin:0; background:#2CBBC0; color:#fff;}
.grdFooter td table tbody tr td a{padding:8px 10px; border:1px solid #ccc; margin:0; background:#fff;}
.grdFooter td table tbody tr td {}

/*----- Table Less Box CSS ------*/
.divTableLess
{
    height: auto;
    overflow: hidden;
    padding: 10px;
}
.divTableLess label
{
    display: inline !important;
}
.divTableLess input.textEntry, .divTableLess input.passwordEntry
{
    width: 50% !important;
}
.divRow
{
    overflow: hidden;
    height: auto;
    margin: 0px 0px 15px 0px;
    clear: both;
}
.divCol13
{
    width: 30%;
    float: left;
    margin-right: 15px;
    height: auto;
    overflow: hidden;
}
.divAuto
{
    float: none;
    overflow: hidden;
    height: auto;
}
.divBTN
{
    text-align: center;
    width: auto;
}

/*----------- Home Page Citizen Services Tab CSS -----------*/
.tabServices
{
    overflow: hidden;
    height: auto;
    margin: 0px 0px 10px;
}
.tabLeft
{
    float: left;
    width: 22%;
    height: auto;
    overflow: hidden;
}
.tabLeft ul
{
    overflow: hidden;
    height: auto;
}
.tabLeft ul li
{
    background: #003050 url(../Images/tabArrow.png) no-repeat right 14px;
    display: block;
    height: auto;
    min-height: 24px;
    overflow: hidden;
    margin-bottom: 1px;
    cursor: pointer;
}
.tabLeft ul li:first-child
{
    border-radius: 10px 0 0;
}
.tabLeft > ul > li.first
{
    background: #003050 url(../Images/tabArrow.png) no-repeat right 14px;
    border-left: 3px solid #c4c2b3 !important;
    border-radius: 10px 0 0;
    color: #3d2222 !important;
}
.tabLeft > ul > li.first a
{
    color: #3d2222 !important;
}
.tabLeft ul li a
{
    display: inline-block;
    height: auto;
    min-height: 28px;
    overflow: hidden;
    width: 77%;
    cursor: pointer;
    font-family: yanone_kaffeesatz_regularRg;
    font-size: 1.2em !important;
    color: #FFF !important;
    font-weight: 700;
    text-align: left;
    padding: 10px 30px 5px 15px !important;
    white-space: normal;
}
.tabLeft ul li a:hover
{
    color: #3d2222 !important;
}
.tabLeft > ul > li:hover, .tabLeft > ul > li.active, .tabLeft > ul > li a.active
{
    background: #f2f1ec url(../Images/tabArrowActive.png) no-repeat right 14px !important;
    border-left: 3px solid #c4c2b3 !important;
}
.tabLeft > ul > li.active a
{
    color: #3d2222 !important;
}
.tabServiceContent
{
    background: #f2f1ec;
    float: none;
    border: 1px solid #dbd9cd;
    min-height: 350px;
    overflow: hidden;
    height: auto;
    border-radius: 0em 2em 2em 0em;
}
.tabServiceMenu
{
    padding: 5px 15px 10px;
    height: auto;
    overflow: hidden;
}

.tabServiceMenu h2
{
    padding: 0px 0px 8px;
    border-bottom: 4px solid rgb(228, 223, 221);
}
.catDesc
{
    margin: 10px 0px 30px;
}
.catDesc a
{
    font-weight: bold;
}
.menuBox
{
    overflow: hidden;
    height: auto;
    min-height: 50px;
    float: left;
    width: 232px;
    margin: 18px 5px 0px 8px;
    background: #FFF;
    border-radius: 17px 0px 0px;
    border: 1px solid #cac9c5;
    box-shadow: inset 0 0 30px #e7e7e7;
    -moz-box-shadow: inset 0 0 30px #e7e7e7;
    -webkit-box-shadow: inset 0 0 30px #e7e7e7;
    behavior: url(../Images/ie-css3.htc);
}
.menuBox:hover
{
    background: #f7fafe;
    border: 1px solid #b4bbc1;
    -moz-box-shadow: inset 0 0 30px #b4bbc1;
    -webkit-box-shadow: inset 0 0 30px #cbcbcb;
}
.menuName
{
    background: url(../Images/certIcon.png) no-repeat 6px 6px;
    padding: 5px 5px 5px 50px;
    height: auto;
    min-height: 50px;
}
.menuName a
{
    display: block;
    color: #000;
    width: 100%;
    height: 50px;
    min-height: 50px;
    line-height: 24px;
    font-family: Segoe UI, Arial !important;
    text-align: left;
    overflow: hidden;
}

.kioskBox
{
    overflow: hidden;
    height: auto;
    min-height: 50px;
    float: left;
    width: 225px;
    margin: 18px 5px 0px 8px;
    background: #FFF;
    border: 1px solid #cac9c5;
    box-shadow: inset 0 0 30px #e7e7e7;
    -moz-box-shadow: inset 0px 0px 30px #e7e7e7;
    -webkit-box-shadow: inset 0px 0px 30px #e7e7e7;
}
.kioskBox:hover
{
    background: #f7fafe;
    border: 1px solid #b4bbc1;
    -moz-box-shadow: inset 0 0 30px #b4bbc1;
    -webkit-box-shadow: inset 0 0 30px #cbcbcb;
}
.kioskName
{
    background: url(../Images/certIcon.png) no-repeat 6px 6px;
    padding: 5px 5px 5px 50px;
    height: auto;
    min-height: 50px;
}
.kioskName a
{
    display: block;
    color: #000;
    width: 100%;
    height: 50px;
    min-height: 50px;
    line-height: 24px;
    font-family: Segoe UI, Arial !important;
    text-align: left;
    overflow: hidden;
}

.deptBox
{
    overflow: hidden;
    height: auto;
    min-height: 50px;
    float: left;
    width: 232px;
    margin: 18px 5px 0px 8px;
    background: #FFF;
    border: 1px solid #cac9c5;
    box-shadow: inset 0 0 30px #e7e7e7;
    -moz-box-shadow: inset 0 0 30px #e7e7e7;
    -webkit-box-shadow: inset 0 0 30px #e7e7e7;
}
.deptBox:hover
{
    background: #f7fafe;
    border: 1px solid #b4bbc1;
    -moz-box-shadow: inset 0 0 30px #b4bbc1;
    -webkit-box-shadow: inset 0 0 30px #cbcbcb;
}
.deptName
{
    padding: 5px 6px 5px 5px;
    height: auto;
    min-height: 50px;
}
.deptName img
{
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 3px solid #e9e9e9;
}
.deptName a
{
    display: table-cell;
    color: #000;
    width: 100%;
    height: 50px;
    min-height: 50px;
    line-height: 24px;
    font-family: Segoe UI, Arial !important;
    text-align: left;
    overflow: hidden;
}
.deptName a span
{
    display: block;
}

/*--------- Login Control CSS --------------*/

.errorMSG
{
    color: Red;
    font-size: 0.9em;
}
.buttonPad
{
    padding: 18px 0px 8px;
}
.tabLogin
{
    padding: 15px 0px 0px;
}

/*--------- END Login Control CSS --------------*/

/*----- Profile Pages CSS -------*/

.profileHead
{
    height: auto;
    clear: both;
    overflow: hidden;
    color: #333;
}
.profileImg
{
    float: left;
    width: 180px;
    overflow: hidden;
}
.profileImg .prfImgBG
{
    width: 140px;
    padding: 6px;
    border: 1px solid #dfdfdf;
    display: block;
}
.profileText
{
    float: left;
    width: 490px;
    overflow: hidden;
    padding-left: 20px;
}
.prfHeadRow
{
    overflow: hidden;
    height: auto;
    padding-bottom: 6px;
}
.prfLable
{
    float: left;
    width: 130px;
    font-weight: bold;
}
.prfLableSep
{
    float: left;
    padding: 0px 4px;
}
.prfLableText
{
    float: left;
    padding-left: 10px;
    width: 335px;
}

.profileDesc
{
    padding-top: 10px;
    font-size: 0.95em;
}
.profileDesc h5
{
    font-size: 1.1em;
    font-weight: bold;
    color: #810202;
    border-bottom: 2px solid #efefef;
    height: 26px;
    margin-bottom: 10px;
    padding-top: 15px;
}
.profileDesc h6
{
    padding: 0px 0px 8px;
    font-weight: bold;
    font-size: 1em;
}
.profileDesc .prfHead
{
    padding: 20px 0px 8px;
    font-weight: bold;
    font-size: 1em;
}
.profileDescList ul
{
    padding: 5px 25px 20px;
}
.profileDescList ul li
{
    list-style-image: url(../Images/linkArrow.gif);
    padding-top: 3px;
    line-height: 22px;
}

/*----- END Profile Pages CSS -------*/


#txtFromDate_CalendarExtender
{
    z-index: 999999999999 !important;
}
/*---------------- Bottom Panel CSS  ---------------------*/
footer
{
    background: #2d2f34;
    padding: 5px 0 16px 0;
 
    margin-top: 15px;
}
footer#colophon
{
    display: block;
    width: 100%;
}
#bottom
{
    overflow: hidden;
    padding: 0px 20px 10px;
    color: #eff7fd;
    font-weight: bold;
    clear: both;
}
.footerBG
{
    position: absolute;
    z-index: -4;
    width: 100%;
    height: 150px;
    left: 0;
}
.footerBlock
{
    height: auto;
    overflow: hidden;
    padding-top: 20px;
}
.signImg
{
    float: left;
    width: 130px;
    margin-right: 30px;
    overflow: hidden;
}
.footerCont
{
    width: 800px;
    overflow: hidden;
}
.footerNav
{
    color: #625e5a;
    font-size: 0.95em;
    font-weight: bold;
}
.footerNav a
{
    color: #838383;
    font-size: 0.95em;
    font-weight: normal;
    padding: 0px 10px;
    margin: 10px 0px 0px;
    display: inline-block;
}
.footerNav a:hover
{
    color: #2CBBC0;
    text-decoration: none;
}

.footerNav .firstChild
{
    padding-left: 0px;
}
.footerText
{
    color: #838383;
    font-size: 0.95em;
    line-height: 20px;
    padding-top: 15px;
    font-weight: normal;
}
.footerText p
{
    color: #838383;
    font-weight: normal;
    text-align: left;
    padding: 0 0 6px 0;
    font-size: 12px;
}
#bottom .floatL a
{
    font-weight: bold;
    color: #eff7fd;
    padding: 0px 12px;
}
.copyRight
{
    color: #8897a3;
    font-size: 0.95em;
    padding: 10px 15px;
    font-weight: normal;
}

/*---------------- Bottom Panel CSS  ---------------------*/


/*---------------- Right Panel -----------------*/

.newsBlock
{
    overflow: hidden;
    background: url(../Images/lineBG.gif) repeat left top;
    border: 1px solid #f2f2f2;
    padding: 9px;
    margin-bottom: 10px;
}
.newsBox
{
    border: 1px solid #dad5cf;
    overflow: hidden;
    background: #FFF;
    padding: 10px;
}
.newsBox h2
{
    color: #360505;
    border-bottom: 4px solid #dedcd9;
    margin: 10px 0px !important;
    height: 20px;
    padding: 0px 0px 5px 5px;
    font-size: 1.2em;
    font-family: yanone_kaffeesatz_regularRg;
}
.subHeading
{
    color: #360505;
    border-bottom: 4px solid #dedcd9;
    padding: 0px 0px 7px 5px;
    font-size: 1.2em;
    font-family: yanone_kaffeesatz_regularRg;
}
.blockDesc
{
    background: #fbf8f8;
    border: 1px solid #e5e4e4;
    height: auto;
    padding-right: 10px;
}
.blockB
{
    height: 143px !important;
    overflow: hidden;
}
.descNews
{
    margin-left: 18px;
    height: auto;
    color: #5b5a5a;
    font-size: 0.95em;
    overflow: hidden;
}

.newsCont
{
    height: 156px;
    overflow: hidden;
    margin-top: 5px;
}
.navMore
{
    padding-bottom: 6px;
    height: auto;
}
.newsCont ul
{
    overflow: hidden;
    padding: 6px 0px 0px 0px;
    margin: 0px;
}
.newsCont ul li
{
    width: auto;
    list-style: none;
    padding-bottom: 10px;
}
.newsCont ul li.last-child
{
    border: none;
}
.newsCont ul li a
{
    font-family: arial;
    display: block;
    width: auto;
    line-height: 20px;
    color: #19799e;
    font-size: 1.0em;
    background: url(../Images/iconList.png) no-repeat left 6px;
    padding-left: 15px;
    margin: 2px 4px;
}
.newsCont ul li a:hover
{
    color: #c77532;
    text-decoration: none;
}

.panelHeading
{
    background: #143d60;
    height: 50px;
    line-height: 50px;
}
.panelHeading span
{
    display: block;
    float: left;
    height: 40px;
    line-height: 30px;
}
.panelHeading h3
{
    float: left;
    width: auto;
    color: #FFF;
    padding-left: 10px;
    font-size: 1.5em;
    margin-bottom: 0px;
    font-family: yanone_kaffeesatz_regularRg;
}
.panelHeading h3 span
{
    display: inline-block;
    width: 170px;
}
.panelHeading span img
{
    padding: 0px;
    clear: both;
}
.panelContent
{
    background: #FFF;
    height: 160px;
    overflow: hidden;
    border: 1px solid #d4d6d7;
    border-top: none;
    padding: 15px 12px 10px;
    clear: both;
    margin-bottom: 10px;
}
.panelContent ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.panelContent ul li
{
    background: url(../Images/dot.png) repeat-x left bottom;
    height: auto;
    margin-bottom: 14px;
    padding-bottom: 8px;
}
.panelContent ul li:last-child
{
    background: none;
}

.latestNews ol
{
    list-style-type: none;
    clear: both;
    height: 165px;
    margin-bottom: 6px;
}
.orderList
{
    clear: both;
}
.orderList li
{
    position: relative;
    margin-bottom: 13px;
    background: url(../Images/dot.png) repeat-x left bottom;
    list-style-type: none;
}
.orderList li a
{
    padding: 0px 0px 10px 30px;
    display: block;
    cursor: pointer;
    line-height: 18px;
}
.orderList span
{
    position: absolute;
    font-size: 1.6em;
    color: #000;
    padding-top: 0px;
    font-weight: bold;
}
.newsNav
{
    padding-bottom: 0px !important;
    float: right;
    clear: both;
}
#play
{
    background: url(../Images/playH.png) no-repeat left top;
    width: 15px;
    height: 20px;
    display: block;
    float: left;
    text-indent: -9999px;
}
#pause
{
    background: url(../Images/stopH.png) no-repeat left top;
    width: 15px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 6px;
    text-indent: -9999px;
}
#play:hover
{
    background: url(../Images/play.png) no-repeat left top;
}
#pause:hover
{
    background: url(../Images/stop.png) no-repeat left top;
}

.UserProfileSection
{
    overflow: hidden;
    background: url(../Images/lineBG.gif) repeat left top;
    border: 1px solid #f2f2f2;
    padding: 9px;
    margin-bottom: 10px;
}
.UserProfileSection
{
    border: 1px solid #dad5cf;
    overflow: hidden;
    background: #FFF;
    padding: 10px;
}

/*---------------- END Right Panel -----------------*/

/*---------------- Footer Slider -----------------*/

div.floatingfooter
{
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 5;
}
div.floatingfooter div.floatingfootertop
{
    width: 1004px;
    margin: 0px auto;
    height: 18px;
}
div.floatingfooter div.floatingfootertop .floatingfootertopBG
{
    background: url(../Images/bg_floatingfooter_top.png) repeat-x 0 0;
    height: 18px;
    position: absolute;
    z-index: -1;
    width: 100%;
    display: block;
    left: 0;
}
div.floatingfooter div.floatingfootertop div.floatingfootertopinner
{
    width: 58px;
    position: relative;
    height: 30px;
}
div.floatingfooter div.floatingfooterbottom
{
    background: url(../Images/bg_floatingfooter_bottom.png) repeat-x 0 top;
    height: 37px;
    width: 100%;
}
div.floatingfooterlinks
{
    width: 1004px;
    margin: 0px auto;
    overflow: hidden;
}
div.floatingfooterlinks ul
{
    width: 924px;
    list-style: none;
    margin-left: 80px;
    padding-top: 0px;
}
div.floatingfooterlinks ul li
{
    background: url(../Images/bg_footerlink_seperator.gif) no-repeat 0 9px;
    float: left;
    position: relative;
    padding: 0 12px 3px;
}
div.floatingfooterlinks ul li a
{
    color: #d0d0d0;
    padding: 4px 0 0;
    line-height: 30px;
}
div.floatingfooterlinks ul li a:hover
{
    color: #FFF;
    text-decoration: none;
}
div.floatingfooterlinks ul li.first
{
    background: none;
    padding: 0 13px 3px 0;
}
div.floatingfooterlinks ul li.last
{
    padding: 0 0 3px 13px;
}

/*--------------- Inner Tab Control -------------------*/

.innerTabs ul
{
    width: 98%;
    margin: 0px auto;
}
.innerTab
{
    clear: both;
    width: auto;
    overflow: hidden;
    height: auto;
    margin: 22px auto 0px !important;
    padding: 0;
}
.innerTab li
{
    display: inline;
    font-family: Arial;
}
.innerTabContent
{
    margin-top: -3px;
    z-index: 1;
    position: absolute;
    clear: both;
    min-height: 250px;
    overflow: hidden;
    border-top: 3px solid #000 !important;
    background: #FFF url(../Images/tabBG.gif) repeat-x left top;
    padding: 10px 20px;
}
.innerTab li a
{
    display: block;
    float: left;
    overflow: hidden;
    color: #9c9c9c;
    border: 3px solid #e3e3e3;
    line-height: 36px;
    background: #F5F5F5;
    font-size: 1em;
    font-weight: 700;
    margin: 0 3px;
    padding: 0px 15px;
    text-decoration: none;
}
.innerTab li a .lastTab
{
    margin-right: 0;
}
.innerTab li.active a
{
    line-height: 36px;
    height: 39px;
    width: auto;
    color: #FFF;
    padding: 0 15px;
    background: #87778a url(../Images/tabOverBG.png) no-repeat center 28px;
    border: 3px solid #786b7b;
    border-bottom: 0px;
}

/*------------------- Citizen Services Block ---------*/

.citizenPanel
{
    overflow: hidden;
    height: auto;
    clear: both;
}
.citizenBlock
{
    background: #eaeaea;
    border: 3px solid #e0dfdf;
    height: 40px;
    overflow: hidden;
    float: left;
    margin: 10px 0px 0px 10px;
    width: 30%;
    padding: 6px;
}
.citizenBlock:hover
{
    background: #F5F5F5;
    cursor: pointer;
}
.citizenBlock a
{
    text-decoration: none;
    line-height: 18px;
    font-size: 0.95em;
    font-weight: bold;
    color: #5c5c5c;
    vertical-align: middle;
    text-align: left;
}
.citizenBlock a:hover
{
    color: #000;
}
.citizenImg
{
    float: left;
    width: auto;
    margin-right: 15px;
    overflow: hidden;
    height: auto;
    display: block;
}
.citizenText
{
    float: left;
    width: auto;
    margin-right: 0px;
}


/*----- Login Window ------*/

fieldset
{
    margin: 1em 0px;
    padding: 0em 1em;
    border: 1px solid #d3d0c7;
    box-shadow: 2px 4px 15px #e3dfd3 inset;
}
fieldset p
{
    margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}
fieldset label.inline
{
    display: inline;
}
legend
{
    font-weight: bold !important;
    color: Maroon;
    padding: 2px 2px 2px 5px;
    display: block;
    text-align: left;
    margin-left: 5px;
}
input.textEntry
{
    width: 90%;
    border: 1px solid #ccc;
}
input.passwordEntry
{
    width: 90%;
    border: 1px solid #ccc;
}
div.accountInfo
{
    width: 100%;
}
.clear
{
    clear: both;
}
.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}
.loginDisplay a:link
{
    color: white;
}
.loginDisplay a:visited
{
    color: white;
}
.loginDisplay a:hover
{
    color: white;
}
.failureNotification
{
    color: #a94442;
    border-color: #ebccd1;
    margin: 0 0 10px;
    line-height: 22px;
}
.failureNotification ul li
{
    list-style: none;
}

/*----- PhotoGallery CSS ---*/

.photoGallery
{
    height: auto;
    overflow: hidden;
}
.photoGallery ul
{
    list-style: none;
}
.photoGallery ul li
{
    float: left;
    margin: 0px 27px 15px;
    display: block;
    overflow: hidden;
    height: auto;
}
.photoGallery .imgBG
{
    background: #FFF;
    border: 1px solid #CCC;
    padding: 7px;
}
.photoGallery .photoTitle
{
    margin: 5px 0px 0px;
    color: #582626;
}

/*--------Gallery CSS--------*/
.labelRight
{
    font-family: tahoma, Verdana, Tahoma;
    font-size: 0.95em;
    font-weight: normal;
    text-align: right;
    color: #333333;
    padding: 5px 5px;
    border-collapse: collapse;
    display: inline-block;
}

.labelLeft
{
    font-family: tahoma, Verdana, Tahoma;
    font-size: 0.95em;
    font-weight: normal;
    text-align: Left;
    color: #333333;
    padding: 5px 5px;
    display: inline-block;
    border-collapse: collapse;
}

.secHeading
{
    font-family: Arial, Verdana, Tahoma;
    font-size: medium;
    font-weight: bold;
    color: #333;
}

.ul
{
    list-style-type: none;
    margin: 0 0 20px 10px;
    line-height: 26px;
}
.ul li
{
    background: url(../Images/bullet_next.gif) 0px 4px no-repeat;
    padding-left: 25px;
    margin-bottom: 15px;
}

.ol
{
    line-height: 20px;
    margin: 0 0 20px 20px;
}
.ol li
{
    margin: 0 0 0 20px;
    padding: 0px;
    background: none;
}

h2
{
    position: relative;
    background-color: #2cbbc0;
    color: #fff !important;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: normal !important;
    text-align: center;
    font-size: 1.1em !important;
    display: table-cell;
}

.margin-top
{
    margin-top: 20px;
}
h2:after, h2:after
{
    z-index: 1;
    position: absolute;
    top: 98.1%;
    left: 64%;
    margin-left: -25%;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 12px #2cbbc0;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}
.userprofileMenu
{
    overflow: hidden;
    height: auto;
}
.userprofileMenu ul
{
    background: #fbfbfb;
    overflow: hidden;
    float: left;
    margin: 10px 08px 0px 2px;
    width: 23.7%;
    list-style-type: none;
    overflow: hidden;
    border: 1px dashed #ccc;
}
.userprofileMenu ul li
{
    padding: 6px;
    overflow: hidden;
    height: 46px;
}
.userprofileMenu ul li img
{
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border: 3px solid #cfd6d7;
}
.userprofileMenu ul li a
{
    line-height: 18px;
    font-size: 0.90em;
    color: #000;
    letter-spacing: 0.04em;
}

.glossymenu, .glossymenu ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
/*WIDTH OF MAIN MENU ITEMS*/
.lastChild
{
    border: none !important;
}
.glossymenu li
{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dashed #bdb68b;
}

.glossymenu li img
{
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.glossymenu li a
{
    line-height: 20px;
    color: #362801;
    background: url(../Images/listIcon.png) no-repeat left center;
    display: block;
    width: auto;
}

/*.glossymenu li ul{ position:relative; left:0; top: 0; display: none; z-index:9999; margin: 0px 0px 8px 20px; width: 210px;} SUB MENU STYLE
.glossymenu li ul li { z-index:9999; left:-230px;}
.glossymenu li ul a { line-height: 30px; color: #362801; font-size: 13px; background: url(../Images/listIcon.png) no-repeat left center; padding-left: 15px; margin-left: 4px;   
display: block; width: auto; } /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
/*.arrow { background: url(../Images/arrow.gif) no-repeat 213px 12px; }*/

.glossymenu .arrowdiv
{
    position: absolute;
    right: 2px;
    width: 10px;
    background: url(../Images/arrow.gif) no-repeat right center;
}
.glossymenu li a:visited, .glossymenu li a:active
{
    color: #806a03;
}
.glossymenu li a:hover
{
    color: #c77532;
    text-decoration: none;
}
/* Holly Hack for IE \*/
* html .glossymenu li
{
    float: left;
    height: 1%;
}
* html .glossymenu li a
{
    height: 1%;
}
/* End */
.linkBox
{
    margin-top: 0px;
    background: #eee8c5;
    border: 1px solid #ccc6a2;
    padding: 0px 10px 8px;
    overflow: hidden;
    height: auto;
}

.table.a_default
{
    background-color: #F4F4F4;
    border: 1px solid #E1DFE0;
    margin: 15px auto;
    padding: 2px;
}
.a_default caption
{
    padding: 5px;
    font-size: 1.2em;
    color: #12678D;
    font-weight: bold;
}
.a_default th
{
    background-color: #004598;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 6px 5px;
}
.a_default td
{
    padding: 3px 5px;
    vertical-align: top;
}
.a_default td
{
    background-color: #fcfcfc;
    border-bottom: 1px solid #D3D3D3;
    border-left: 1px solid #d3d3d3;
}
.a_default em
{
    color: #d73236;
    font-weight: bold;
}
.alt_trs
{
    background-color: #f7f5ee;
}

.service h2
{
    font-family: yanone_kaffeesatz_regularRg;
    color: #360505 !important;
    border-bottom: 4px solid #dedcd9;
    height: 30px;
    margin: 0px 0px 20px;
    clear: both;
    padding-top: 10px;
}
.map
{
    border: 3px solid #CCC;
    padding-top: 25px;
    clear: both;
}
.blockHead
{
    font-weight: bold;
    color: #850505;
    padding-bottom: 6px;
}

/*------------- Remarks CSS for WorkFlow ------------------*/
/*.iFrame { width: 65%; float: left; overflow: hidden; margin-left: 10px; font-family: Arial;} */
.iFrame iframe
{
    clear: both;
    margin-bottom: 15px;
}
.remarksDiv
{
}
.remarks
{
    padding: 5px 0px 0px;
    font-size: 0.85em;
    margin-bottom: 14px;
}
.remarks ul
{
}
.remarks ul li
{
    clear: both;
    list-style: none;
}
.remarksBy
{
    font-weight: bold;
    color: #525453;
    line-height: 22px;
    overflow: hidden;
}
.comments-name
{
    color: #049da2;
}
.remarkstxt
{
    display: block;
    float: left;
}
.remarksMSG
{
    font-weight: normal;
    color: #000;
    padding: 10px 0px 6px;
}
.remarksDate
{
    font-size: 0.85em;
    color: #525252;
    display: block;
    float: right;
    font-weight: normal;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 4px;
}
/*.docPnl { float: left; width: 31%; height: auto; overflow: hidden; margin-left: 20px;}*/
.pnlDocs
{
    /*margin-top: 5px;*/
    
}
.pnlDocs .tableClass
{
    border-spacing: 0px !important;
    border: none;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 0.85em;
}
.applet
{
    position: absolute;
    top: -350px;
    height: auto;
    overflow: hidden;
}
#__IMG
{
    text-align: center;
    border: 1px solid #E8E8E8;
}
.pnlImage
{
    border: 1px solid #c4c4c4;
    padding: 5px;
}

/*------------- Coded By Dhiraj Chouksey for Print Form in Feildset -------------*/

@media print
{
    fieldset
    {
        border: none;
    }
    .RFS
    {
        box-shadow: 0px 0px 0px #ECECEC inset !important;
    }

}
.fltRight
{
    float: right;
    text-align: right;
}
.fltLeft
{
    float: left;
    width: 45%;
}
.pageHeading > span span span
{
    overflow: auto;
}
.btnUpload
{
    background-image: url("../Images/upload.png");
    background-origin: content-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px auto;
    border: 1px solid #8FB2BF !important;
    height: 25px;
    padding: 2px;
    text-align: right;
    width: 86px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #F8F8F8;
}
.btnUpload:hover
{
    background-color: #CCC;
    background-size: 23px auto;
}


#FormsPH_FormSections > fieldset
{
    width: 500px !important;
    float: right !important;
}

.report
{
    width: 100%;
    border: 1px solid #000;
    background: #fff;
    font-family: arial;
    font-size: 0.98em;
    border-collapse: collapse;
}
.report td
{
    border: 1px solid #000;
}
.report h2
{
    font-size: 2.0em;
}
.report .left
{
    text-align: right;
    padding: 8px;
}
.report .right
{
    text-align: left;
    padding: 8px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.pnlBackGround
{
    position: fixed;
    top: 10%;
    left: 10px;
    text-align: center;
    background-color: White;
    border: solid 2px black;
}
.section-height
{
    min-height: 496px;
}

table span img
{
    width: 20px;
    float: left;
    padding-right: 10px;
}

.userpro
{
    width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.userpro input
{
    margin-right: 5px;
}

.Retotalling_Padding_td
{
    padding: 5px;
}
.main-box
{
    background-color: #fff;
    padding: 20px 10px 10px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 4px solid #2cbbc0;
    border-left: 0px;
    margin-bottom: 15px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); overflow: hidden;    min-height: 450px;
}
.main-box table
{
   
   /* background-color: #FFF;*/
}

.modal-dialog { margin-top:30px; width:100%;}
.main-box table, tr, td
{
    border: 1px solid #ccc;
    font-size: 13px;
}

.service-list h3 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-left: 1px solid #bfbfbf;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    color: #398439;
    font-size: 18px;
    font-weight: normal;
    line-height: 57px;
    margin: 0;
    text-align: center;
}

.service-list ul {background: #fff none repeat scroll 0 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); border-left: 1px solid #bfbfbf;
    border-radius: 0px 0px 5px 5px; border-right: 1px solid #bfbfbf; overflow-y: scroll;height: 325px;}
.service-list .box{ margin-right:-15px;}
    
.service-list li {float:left; width:50%; list-style: outside none none; margin: 0 0px 0 0;}
.service-list li a {border-bottom: 1px solid #ededed; border-left: 1px solid #ededed;color: #000; display: block; padding: 10px 25px; text-decoration: none;}
.service-list li a:hover { background:#F36D21; color:#fff;}
.main-box .form-group span {/*margin: 0 0 4px 0 !important;*/display: inline-block !important;}

.certificates-box {background-color:#f4f4f4;padding: 0px; font-size: 0.9em;   -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    min-height: 78px;
    margin: 14px 0;
}

.certificates-box a
{
    display: inline-flex;
    text-decoration: none;
    color: #535353;
    width:100%;
}
.certificates-box a:hover
{
    text-decoration: none;
}
.certificates-box:hover, .certificates-box:hover span
{
    background-color: #f0990f;
    color: #fff;
    background: url("../Images/hover-pattern.png");
    background-repeat: repeat;
}
.certificates-box:hover i
{
    background-color: #bd7400;
    color: #fff;
}
.certificates-icon i
{
    color: #e49142;
    font-size: 2em;
    text-align: center;
    background-color: #f5e8c8;
    padding: 26px 0;
    width: 50px;
    margin: 0 8px 0 0;
}

.certificates-name
{
    padding: 20px 0;
}

.ssl-certificate img
{
    margin: 22px 0;
}

.tbl-pad
{
    padding: 10px;
    /*display: inline-block;*/
}

.alert-danger strong a
{
    color: #a94442 !important;
}

.bs-callout-danger
{
    border-left-color: #f0990f !important;
}
.bs-callout {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    display: inline-block;
    margin: 40px auto 0 0;
    padding: 20px;
    text-align: center;
}

.bs-callout a {  color:#449D44;}

.panel-primary
{
    background-color: #fff;
    padding: 0px;
    font-size: 1em;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    min-height: 78px;
    margin: 14px 0;
    border: none;
}

.panel-primary > .panel-heading
{
    background-color: #2cbbc1;
    border-color: #2cbbc1;
}
.panel-primary > .panel-heading span
{
    margin: 0 8px 0 0;
}
.remark
{
    padding: 10px;
    background-color: #fcdad8;
    border: none;
}
.comments
{
    padding: 10px;
    background-color: #dbf2ec;
    border: none;
}
#pnlButtons a
{
    margin: 0 4px 0 0;
}
#pnlButtons a:nth-child(1)
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
#pnlButtons a:nth-child(2)
{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
#pnlButtons a:nth-child(3)
{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
#pnlButtons a:nth-child(1) a:hover
{
    background: #000;
}
.frame-body
{
    background-color: #fff;
}
.server-txt
{
    font-size: 10px;
    float: left;
}
/*.login-box
{
    min-height: 406px;
}*/
.dob-input
{
    padding: 0 0 0 38px;
}
.calendar-icon
{
    position: relative;
    height: 22px;
    width: 22px;
    top: -28px;
    left: 9px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 1px solid hsl(0, 0%, 87%);}
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 1px solid hsl(0, 0%, 87%) !important;}

.VLEdetails{margin: 0 0 10px 0;}
.VLEdetails span i {
    color: #8E8E8E;
    font-size: 1.4em;
    margin: 0 8px 0 0;
}



/*Ajax Calendar*/
.ajax__calendar_body{height: 222px !important;width: 226px !important; z-index:9999999 !important}
.ajax__calendar .ajax__calendar_container{width: 232px;height: 308px !important;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc !important;border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
     z-index:9999999 !important
}
.ajax__calendar_container TABLE
{
    min-height: 222px !important;
    width: 226px !important;
     z-index:9999999 !important
}
.ajax__calendar_title
{
    padding: 10px !important;
    font-family: "Open Sans" ,sans-serif !important;
    font-size: 14px;
    color: #333 !important;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #000 !important;
    background: #eeeeee !important;
    font-family: "Open Sans" ,sans-serif !important;
}
.ajax__calendar_next, .ajax__calendar_prev
{
    margin: 10px 0;
}
.ajax__calendar_header
{
    height: 40px !important;
    font-family: "Open Sans" ,sans-serif !important;
}
.ajax__calendar .ajax__calendar_footer
{
    padding: 10px 30px !important;
    font-family: "Open Sans" ,sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    color: #333 !important;
    display: inline-table;
    width: 100%;
    background: #eeeeee;
}
.ajax__calendar_day
{
    padding: 8px !important;
    background: #fff !important;
    height: auto !important;
    width: auto !important;
}
.ajax__calendar_day:hover
{
    padding: 8px !important;
    background: #41CAC0 !important;
    color: #fff !important;
    font-weight: bold !important;
}
.ajax__calendar_dayname
{
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
}
.ajax__calendar_month
{
    height: 60px !important;
    padding: 10px 0 !important;
}
ajax__calendar_month:hover
{
    background: #41CAC0 !important;
    color: #fff !important;
    font-weight: bold !important;
}
.ajax__calendar_container, table, tr, td
{
    border: 0px !important;
    font-family: "Open Sans" ,sans-serif !important;
}

.mtop10{margin-top:10px}
.mtop15{margin-top:15px}
.mbtm15{margin-bottom:15px}
.step1{width: 80px;
    height: 80px;
    background: #FFC74A;
    border-radius: 100%;
    /* float: left; */
    text-align: center;
    display: inline-block;
    margin: 20px 0 0;
    padding: 29px 0 0;
    font-size: 1.4em;
    color: #fff;}
    .click-note{color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 0.85em;
    text-align: center;    padding: 5px 10px;
    margin-bottom:10px;
    border: 1px solid transparent;
    border-radius: 4px;}
    
    .step3{width: 100px;
    height: 100px;
    background: #FFAE4A;
    border-radius: 100%;
    /* float: left; */
    text-align: center;
    display: inline-block;
    margin: 20px 0 0;
    padding: 21px 0 0;
    font-size: 1.4em;
    color: #fff}
    .w100{width:100% }
#main-content{min-height:515px}
.biometric{margin:50px 0 0}
.bio-img{margin: 10px 0 0;
    text-align: center;
    background: #F7F7F7;
    display: block;
    border-radius: 3px;
    border: 1px solid #E8E8E8;}
.bio-img img{display:inline-block}
.forget-pwd{padding:25px; border:1px solid #dadada; border-radius:3px}
.forget-pwd ul{margin-bottom:25px}
.forget-pwd ul li{list-style-type:none; margin-bottom:10px}
.forget-pwd ul li:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;content: "\f0da";margin-right: 10px}
.change-pwd p{font-size:1.5em; margin-bottom:25px}


.mtop20{margin-top:20px}