/*  
Name: MOL
Description: CSS for MPOnline Portal, designed & coded by Dhiraj Chouksey
Version: 2.0
Author: Dhiraj Chouksey
Author URL: https://www.MPOnline.gov.in/
*/

@font-face {
    font-family: 'yanone_kaffeesatz_regularRg';
    src: url('../Fonts/yanonekaffeesatz-webfont.eot');
    src: url('../Fonts/yanonekaffeesatz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/yanonekaffeesatz-webfont.woff') format('woff'),
         url('../Fonts/yanonekaffeesatz-webfont.ttf') format('truetype'),
         url('../Fonts/yanonekaffeesatz-webfont.svg#yanone_kaffeesatz_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------- Global CSS ----*/
body {
       margin: 0px;
       padding: 0px;
       font-size: 13px;
       background: #faf9f9 url(../Images/bodyBG.png) repeat-x left top;
       font-family: 'Lucida Sans Unicode','Segoe UI',Microsoft Sans Serif, Arial, Verdana;
       }

img{ border:none; display:block;}
ul{	margin:0; padding:0;}
a{ outline:none; text-decoration:none; color:#528bb6;}
a:hover{ text-decoration:underline;}
a:focus { text-decoration: underline;} 
h1, h2, h3, h4, h5, h6 { font-family: yanone_kaffeesatz_regularRg; }
h1, h2, h3, h4, h5, h6,p{ margin:0; padding: 0px;}

input[type="text"] { background: #FFF; height: 30px; border: 1px solid #cbd5dc; padding: 0px 6px; line-height: 24px;}
input[type="file"] { background: #FFF; height: 30px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}
input[type="password"] { background:#FFF; height: 30px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}

select{border:1px solid #cbd5dc !important;}
select:disabled { border: 1px solid #c4c4c4; background: #dedede !important;}


/*----- 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;}

.headMid { width: 100%; overflow: hidden; height: 103px; clear: both; margin-top: 30px;}
.depName { padding-top: 7px; margin-left: 17px; overflow: hidden; height: 100px; float: left; width: 700px; background: url(../Images/logoMOL.png) ro-repeat left top;}
.depNameR { width: 284px; float: left; color: #FFF; height: 100px; right: 0px; margin-top:3px; background: url(../Images/statePortalEN.gif) ro-repeat left bottom;} 

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

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

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

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

.box {
  margin: 25px auto;
  padding: 25px 50px;
  width: 450px;
  min-height: 115px;
  background: #fff;
  border-left: 5px solid #9b2;
  box-shadow: 0 0 20px rgba(0,0,0,.15);
  color: #666;
}

.floatL { float: left;}
.floatR { float: right;}
.container { clear: both; background: #FFF; padding: 8px 10px 10px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; clear: both; overflow: hidden; min-height: 305px;}

h1 {font-size: 1.8em;color: #98460a;height: 37px;border-bottom: 4px solid #e2e3e3;font-weight: normal;line-height: 30px;}
h2 { padding:0px; text-align:center; line-height: 32px; margin:10px 0 0; color:#8F0404; font-size:1.95em; white-space: normal; width: 70%; margin: auto;}
h3 { padding:0px; line-height: 18px; margin:10px 0 10px; color:#990000; font-size:1em;}

.gridView { margin: 20px 0px;}
.searchInner { padding: 5px 10px; background: #fef1dc; border: 1px solid #dfd2be; margin-top: 15px; overflow:hidden;}
.pageHeading { font-family: yanone_kaffeesatz_regularRg; font-size: 1.3em; color: #98460a; height: 28px; margin-bottom: 12px;border-bottom: 4px solid #e2e3e3;}

.calIcon { background: #fefefe url(../Images/calIcon.jpg) no-repeat right center !important;}

.content {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: 400px;height: auto;line-height: 22px;}

/*----- Table Less Box CSS ------*/
.divTableLess {height: auto;overflow: hidden;margin-top: 5px;}
.divRow {overflow: hidden;height: auto;margin: 0px 0px 0px 0px;clear: both;}
.divSeprator {width: 40px;float: left;margin: 0px 12px 10px 0px;height: auto;overflow: hidden;}
.divCol130 {width: 22%;float: left;margin: 0px 12px 10px 0px;height: auto;overflow: hidden;}
.divCol130 .label {float: none;margin-bottom: 8px;font-weight: bold;}
.divAuto { float: none; overflow: hidden; height: auto;}
.divBTN { text-align: center; width: auto; margin: 25px auto;}


/*----- Pagination ---*/
.pagination { margin: 15px 0px -15px; overflow: hidden; height: auto;width:100%}
.pagination a { padding: 0px 4px;}
.pagination .pcol1 {float:left; width:25%}
.pagination .pcol2 {float:left; width:30%}
.pagination .pcol3 {float:left; width:45%}
.paginationHead { font-weight: bold; color: #740f0f;}
.pageCount { color: #767676;}
.pageBox { height: 20px !important; line-height: 18px !important;}
.pagination_current {padding:2px 3px; height:22px; float:left; margin-right: 2px; background-color:#333333; color:#FFFFFF; }
.pagination_content {padding: 2px 5px; float:left; line-height:16px; margin-right: 2px; border:1px solid #333333; color:#333333;}


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

#bottom { overflow: hidden; padding: 0px 20px 10px; color: #eff7fd; font-weight: bold; clear: both;}
.footerBG { background: #dfe2e7 url(../Images/bottomTopBar.png) repeat-x top left; position: absolute; z-index: -4; width: 100%; height: 80px; left: 0;}
.footerBlock { height: auto; overflow: hidden; padding-top: 20px;}
.signImg { float: left; width: 130px; margin-right: 30px; overflow: hidden;}
.footerCont { overflow: hidden;}
.footerNav { color: #625e5a; font-size: 0.95em; font-weight: bold;}
.footerNav a { color: #625e5a; font-size: 0.95em; font-weight: bold; padding: 0px 10px; }
.footerNav .firstChild { padding-left: 0px;}
.footerText { color: #838383; font-size: 0.90em; line-height: 20px; padding-top: 5px; font-weight: normal;}
#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  ---------------------*/

.applet {padding-top: 24px; z-index: -99; visibility: hidden;}
#divDialog { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:9999; width:100%; height:100%; display:block; } 
#divBox { height:180px; width:340px; top: 30%; margin:0 auto; background: #FFF; position:relative; z-index:10; display:block; border:5px solid #cccccc; border-radius:10px; } 
#divBox .heading { height: 36px; background: url(../Images/menuBG.png) repeat-x left top; line-height: 36px; padding-left: 15px; color: #FFF; 
                   letter-spacing:0px; font-weight: bold; margin-bottom: 20px;}
#divBox .input { padding-left: 20px;}
#divBox:target, #divBox:target + #divDialog{ display:block; opacity:2; }

.btnDiv { margin-top: 35px;}
.inputEle { padding-left: 15px;}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btnOrange {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #db7234, #bf5623);
  background-image: -moz-linear-gradient(top, #db7234, #bf5623);
  background-image: -ms-linear-gradient(top, #db7234, #bf5623);
  background-image: -o-linear-gradient(top, #db7234, #bf5623);
  background-image: linear-gradient(to bottom, #db7234, #bf5623);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0px;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  border: 1px solid #db7234 !important;
}

.btnOrange:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #bf5623, #db7234);
  background-image: -moz-linear-gradient(top, #bf5623, #db7234);
  background-image: -ms-linear-gradient(top, #bf5623, #db7234);
  background-image: -o-linear-gradient(top, #bf5623, #db7234);
  background-image: linear-gradient(to bottom, #bf5623, #db7234);
  text-decoration: none;
}
input[type="submit"]{border:1px solid #1c6ca0;}
.mandatory {text-align: right;color: Red;padding-bottom: 20px;}
.error { color: red; font-weight: bold;}