/*  
Application Name: eDistrict
Description: CSS for Government of Maharashtra web portal, designed & coded by Dhiraj Chouksey
Version: 2.0
Author: Dhiraj Chouksey
Author URL: https://www.mahaonline.gov.in/
*/

/* ------- Global CSS ----
@import url("menuNav.css"); */

html { font-family: Arial, Microsoft Sans Serif; font-size: 12px; color: #000;}

body { background: #fffbf8 url(../Images/bodyBG.png) repeat-x left top; margin: 0px; padding: 0px;}
img{ border:none; display:block;}
form,fieldset{ margin:0; padding:0; border:none;}
ul{	margin:0; padding:0; list-style-type:none;}
a{ outline:none; text-decoration:none; color:#0485df;}
a:hover{ text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p{ margin:0;}

input { font-size: 12px; color: #4b4b4b;}
textarea { padding: 5px; font-family: Arial; font-size: 12px; line-height: 18px; color: #4b4b4b;}
select { background: #FFF; font-size: 12px; color: #4b4b4b; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px !important;}
input[type="text"] { background: #FFF; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}
input[type="file"] { background: #FFF; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}
input[type="password"] { background: #FFF; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}

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

#main { width: 100%; margin: 0px auto; height: auto; overflow: hidden; background: url(../Images/BodyBG.jpg) no-repeat center top;}
#container { width: 996px; margin: 0px auto; height: auto; overflow: hidden;}
#header { width: 100%; height: auto; clear: both;}
#midCont { background: #FFF; overflow: hidden; padding: 8px; border-left: 1px solid #d4dbe5; border-right: 1px solid #d4dbe5; min-height: 350px;}

.headerTop { height: 37px; width: 100%; text-align: right; color: #cbcbcb; font-weight: bold; clear: both; overflow: hidden; width: 100%;}
.headerTop a { padding: 0px 6px; color: #cbcbcb; line-height: 30px; font-size: 11px;}
.headerTop a:hover { color: #FFF;}
.language { float: right; padding-right: 10px;}
.language a { color: #717171; font-weight: bold; text-decoration: none; font-size: 12px;}
.language a:hover { color: #f46f03;}
.headPane { float: right;}
.fontSelect { padding-left: 15px;}
.increaseFont {font-size: 13px !important;}
.decreaseFont {font-size: 11px !important;}
.resetFont {margin-left: 3px;}

.paneLeft { background: url(../Images/headTopLeft.png) no-repeat left top; width: 23px; height: 33px; float: left;}
.paneMid { background: url(../Images/headTopMid.png) repeat-x left top; width: auto; height: 33px; padding: 0px 5px; float: left;}
.paneRight { background: url(../Images/headTopRight.png) no-repeat right top; width: 22px; height: 33px; float: left;}
.headMid { width: 100%; overflow: hidden; height: auto; clear: both; padding-bottom: 15px;}
.depName { padding: 0px 9px 12px 10px; overflow: hidden; float: left; width: 660px;}
.depName span { display: block; float: left; margin-right: 25px; width: auto;}
.depName span img { padding-top: 6px;}
.depNameR { width: 300px; float: left; padding: 10px 10px 0px 0px; }
.depNameR div img { padding-right: 15px;}
.logo { display: block; background: url(../Images/Logo.png) no-repeat left top; width:76px; height: 78px;}
.searchBox { width: 217px; overflow: hidden; margin-top: 0px; height: 42px; padding-left: 28px;}
.searchBTN { width: 30px; height: 28px; border: 0px; text-indent: -999px; background: url(../Images/searchIcon.png) no-repeat left top; margin: 10px 0px 0px 8px; cursor: hand;}
.searchBG { background: url(../Images/inputBG.gif) repeat-x left top; height: 22px; border: 1px solid #2c3854; line-height: 22px; padding: 0px 6px; color: #666; margin-top: 12px; width: 165px; font-size: 11px;}
.clear { clear: both;}

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

.nav { height: 49px; clear: both;}
.navLeft { float: left; background: url(../Images/menuLeft.png) no-repeat left top; width: 10px; height: 49px;}
.navRight { float: left; background: url(../Images/menuRight.png) no-repeat right top; width: 10px; height: 49px;}
.navMid { float: left; background: url(../Images/menuBG.png) repeat-x left top; width: 976px; height: 49px;}
.menuBG { float: left; width: 728px;}

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


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

h1 { font-size: 1.2em; font-weight: bold; color: #740f0f; border-bottom: 4px solid #dfd2c3; height: 28px; margin-bottom: 8px;}
.subHeading { font-size: 1.2em; font-weight: bold; color: #740f0f; border-bottom: 4px solid #dfd2c3; height: 28px; margin-bottom: 8px;}

.floatL { float: left;}
.floatR { float: right;}
.leftPanel { float: left; margin-right: 11px; width: 732px;}
.rightPanel { float: left; width: 218px; overflow: hidden; margin-left: 16px;}
.rightPaneBG { background: #FFF url(../Images/rightPaneBG.png) repeat-y right top !important;}
.content { padding: 18px 8px 0px 12px; text-align: justify; line-height: 20px; overflow: hidden; clear: both; min-height: 400px;}
.contBlock h3 { font-size: 13px; font-weight: bold; color: #0085cf;}
.contBlock .desg { font-size: 11px; color: #595958; padding-bottom: 10px;}
.innerCont { padding: 15px 0px 20px;}
.headPad { padding: 25px 10px 15px 6px; background: url(../Images/MH_Map.jpg) no-repeat center center; overflow: hidden;}
.more { color: #63b4f3; font-size: 11px; font-weight: bold; text-align: right; background: url(../Images/moreIcon.png) no-repeat right 5px; padding-right: 15px;} 
.more:hover { color: #f46f03;} 
.orgRow { padding-top: 50px; clear: both;}
.orgRow { padding-top: 50px; clear: both;}
.orgST { float: left; width: 33%; height: auto; text-align: center;}
.orgST h2 { font-size: 12px; font-weight: bold; color: #6e1212; padding-top: 6px;}
.orgST p { font-size: 11px; color: #7a7a7a; line-height: 14px;}
.imgBG { background: #FFF; border: 1px solid #e4e4e4; padding: 4px; display: block;}
.boxHead { height: 28px; padding-left: 10px; font-weight: bold; line-height: 28px; color: #FFF; background: #3d4a67;} 

.rowContact { padding: 15px 0px 10px; overflow: hidden;}
.phoneLabel { background: url(../Images/phoneIcon.gif) no-repeat left center; padding-left: 26px; float: left; margin-right: 30px;}
.emailLabel { background: url(../Images/emailIcon.gif) no-repeat left center; padding-left: 26px; float: left; margin-left: 0px;}
.faxLabel { background: url(../Images/faxIcon.png) no-repeat left center; padding-left: 26px; float: left;}

.tableClass { border:1px solid #ebebeb !important; }
.tableClass tr th { background: #666784; height: 30px; color: #FFF; padding: 0px 8px; font-size: 12px; font-weight: bold; text-align: left;}
.tableClass tr td { background: #fafafa; padding: 4px 8px; color: #474747; text-align: left; vertical-align: top;}
.pdfDownload { background: url(../Images/pdfIcon.png) no-repeat left center; padding-left: 35px; font-weight: bold; color: #3a7dda; display: block; font-size: 12px;}

.viewLink { background: url(../Images/viewIcon.png) no-repeat left center; padding-left: 28px; color: #3a7dda; display: block; font-size: 12px;}
.editLink { background: url(../Images/editIcon.png) no-repeat left center; padding-left: 28px; color: #3a7dda; font-size: 12px; margin-right: 8px; }
.delLink { background: url(../Images/delIcon.png) no-repeat left center; padding-left: 28px; color: #3a7dda; display: block; font-size: 12px;}

.gridView { margin: 20px 0px;}
.newsLink { color: #000 !important; text-decoration: none !important;}
.searchInner { padding: 10px 10px 5px; background: #fef1dc; border: 1px solid #dfd2be;}
.searchInnerSmall { padding: 20px 10px 5px 30px; background: #fef1dc; border: 1px solid #dfd2be; margin: 25px auto; width: 50%;}
.calIcon { background: #fefefe url(../Images/calIcon.png) no-repeat right center !important;}
.searchMarg { margin-top: 20px;}

.btnBG { border: none; background: url(../Images/btnBG.png) repeat-x left top; border: 1px solid #000; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; width: auto; height: 24px; padding: 0px 10px; cursor: hand;}
.btnSave { border: none; background: url(../Images/btnSave.png) no-repeat left top; text-indent: -999px; width: 64px; height: 24px; cursor: hand;}
.btnCancel { border: none; background: url(../Images/btnCancel.png) no-repeat left top; text-indent: -999px; width: 64px; height: 26px; cursor: hand;}
.btnUpload { border: none; background: url(../Images/btnUpload.png) no-repeat left top; text-indent: -999px; width: 74px; height: 26px; cursor: hand;}

.buttonPad { padding: 12px 0px 8px;}
.errorMsg { color: Red; padding-top: 3px; display: inline-block;}  

.adminHead { font-size: 30px !important; font-weight: bold; width: 70%; margin: 120px auto; line-height: 50px; text-align: center; color: #631111;}

.govtDept { clear: both; overflow: hidden; width: 956px;}
.govtDeptName { float: left; width: 318px; border: 1px solid blue; height: 100px;}

.pagination { margin: 15px 0px -15px; overflow: hidden; height: auto;}
.pagination a { padding: 0px 4px;}
.pagination span { padding: 0px 4px;}
.paginationHead { font-weight: bold; color: #740f0f;}
.pageCount { color: #767676;}
.pageBox { height: 20px !important; line-height: 18px !important;}

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


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

.lblText { font-weight: bold;}
.editGrid { display: none !important;}

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


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

.loginBlock { background: #FFF; padding: 20px 25px 7px; width: 300px; height: auto; margin: 120px auto; border-top: 1px solid #9ab7cb; border-left: 1px solid #9ab7cb; 
              border-right: 3px solid #9ab7cb; border-bottom: 3px solid #9ab7cb; clear: both; border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; 
              -webkit-border-radius: 10px;  clear: both; }
.loginBG { background: url(../Images/mapBG.jpg) no-repeat center center; min-height: 450px;}
.loginTab { padding: 10px 0px 0px;}
.loginTab tr td { height: 20px; padding-top: 15px; padding-bottom: 8px;}
.forgotPwd { font-size: 11px; padding: 20px 0px 8px; color: #aeaeae;}
.loginError { padding: 0px 0px 0px 98px; font-size: 0.98em; color: #ff0000; display: block; height: 27px;}
.buttonRow { padding: 15px 0px 0px;}

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

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

.profileHead { height: auto; clear: both; overflow: hidden;}
.profileImg { float: left; width: 158px; overflow: hidden; margin-right: 20px;}
.profileImg .prfImgBG { width: 140px; padding: 6px; border: 1px solid #dfdfdf; display: block;}
.prfImgBGM { width: 140px; padding: 6px; border: 1px solid #dfdfdf; display: block; margin-right: 15px;}
.profileText { float: left; width: 490px; overflow: hidden; padding-left: 20px;}
.profileTextM { float: left; width: 513px; overflow: hidden; padding-left: 12px;}
.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: 12px;}
.profileDesc h5 { font-size: 14px; font-weight: bold; color: #810202; border-bottom: 3px solid #f8f8f8; height: 26px; margin-bottom: 10px; padding-top: 15px;}
.profileDesc h6 { padding: 0px 0px 8px; font-weight: bold; font-size: 13px;}
.profileDesc .prfHead { padding: 20px 0px 8px; font-weight: bold; font-size: 13px;}
.profileDescList ul { padding: 5px 25px 20px;}
.profileDescList ul li { list-style-image: url(../Images/arrowLink.png); padding-top: 3px; line-height: 22px;}
.prfSubHead { padding: 15px 0px 8px; font-weight: bold; color: #102b3f; font-size: 13px; border-bottom: 1px dashed #e4e5e5; margin-bottom: 8px;}


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

/*----------------- Awards Page CSS ----------------------*/

.awards { clear: both; overflow: hidden;}
.awardsBox { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:16em; width:23.7%;}
.awardsBox .div_container_desc { text-align: center !important; padding-top: 15px;}
.awardsBox .div_container_title{ min-height: 32px !important; height: auto !important; line-height: 16px; padding: 6px; font-weight: bold;}
/*----------------- Awards Page CSS ----------------------*/

/*----------------- Government Departments Page CSS ----------------------*/

.govtSep { clear: both; height: 4px;}
.govtDept1 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:18em; width:32.4%;}
.govtDept2 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:13em; width:32.4%;}
.govtDept3 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:11em; width:32.4%;}
.govtDept4 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:21em; width:32.4%;}
.govtDept5 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:09em; width:32.4%;}
.govtDept6 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 9em; width:32.4%;}
.govtDept7 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 8em; width:32.4%;}
.govtDept8 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 11em; width:32.4%;}
.govtDept9 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 7em; width:32.4%;}
.govtDept10 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 18em; width:32.4%;}
.govtDept11 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 7em; width:32.4%;}
.govtDept12 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height: 7em; width:32.4%;}
.govtDept13 { border:.1em solid #ebebeb; float:left; margin:.2em .23em; min-height:8em; width:32.4%;}

.div_container_title{ background: #666784; height: 38px; line-height: 38px; color: #FFF; padding: 0px 8px; font-size: 12px; font-weight: bold; text-align: left;}
.div_container_desc { padding: 6px 8px; text-align: justify;}
.div_container_desc ul { height: auto; padding-left: 15px;}
.div_container_desc ul li { list-style-image: url(../Images/arrowLink.png); line-height: 20px; }
.div_container_desc ul li.lastChild { background: none; }
.div_container_desc ul li a { color: #000203; font-size: 0.96em; text-align: justify; width: auto;}
.div_container_desc ul li a:hover { color: #f46f03;}

/*----- END Government Departments Page CSS -------*/


/*-------------------------------- Inner Pages --------------------*/

.linkPane { overflow: hidden;}
/*.innerLinks { overflow: hidden; background: #fdfdfd url(../Images/otherBoxBG.png) repeat-x left top; border: 1px solid #d4d4d4; padding: 8px 8px 0px;}*/
.innerLinks { overflow: hidden; padding: 3px 0px 8px;}
.innerLinks ul { height: auto; list-style: none; padding-left: 6px;}
.innerLinks ul li { background: url(../Images/dotImg.png) repeat-x left bottom; line-height: 42px; clear: both;}
.innerLinks ul li a { font-size: 12px; font-weight: bold; color: #000; line-height: 42px}  
.innerLinks ul li a:hover { color: #f46f03;}
.innerLinks ul li a p { display: block; width: 45px; float: left;}
.innerLinks ul li a img { float: left; padding: 8px 15px 0px 0px;}
.innerLinks ul li.lastChild { background: none; }


.district ul { height: auto; padding-left: 15px;}
.district ul li { list-style-image: url(../Images/arrowLink.png); float: left; width: 25%; line-height: 30px; }
.district ul li.lastChild { background: none; }
.district ul li a { color: #000203; font-size: 12px;}
.district ul li a:hover { color: #f46f03;}

.localBodies ul { height: auto; padding-left: 15px;}
.localBodies ul li { background: url(../Images/arrowLink.png) no-repeat left center; float: left; width: 50%; line-height: 30px;}
.localBodies ul li.lastChild { background: none; }
.localBodies ul li a { color: #000203; font-size: 12px; padding-left: 15px;}
.localBodies ul li a:hover { color: #f46f03;}

.siteMap ul { height: auto; padding-left: 15px;}
.siteMap ul li { background: url(../Images/arrowLink.png) no-repeat left center; float: left; width: 33%; line-height: 30px;}
.siteMap ul li.lastChild { background: none; }
.siteMap ul li a { color: #000203; font-size: 12px; padding-left: 15px;}
.siteMap ul li a:hover { color: #f46f03;}

.innerUl ul { height: auto; padding-left: 15px;}
.innerUl ul li { list-style-image: url(../Images/arrowLink.png); line-height: 30px; }
.innerUl ul li.lastChild { background: none; }
.innerUl ul li a { color: #000203; font-size: 12px;}
.innerUl ul li a:hover { color: #f46f03;}

.innerUlB ul { height: auto; padding-left: 15px;}
.innerUlB ul li { list-style-image: url(../Images/arrowLink.png); padding-bottom: 4px;}
.innerUlB ul li.lastChild { background: none; }
.innerUlB ul li a { color: #000203; font-size: 12px;}
.innerUlB ul li a:hover { color: #f46f03;}

.viewGalList { width: auto; margin: 5px 10px 5px 8px; float: left; display: block;}
.viewGalTitle { padding: 8px 4px 0px 5px; line-height: 16px;}
.viewVidList { width: 160px; height: 145px; margin: 5px 10px 5px 8px; float: left; display: block; overflow: hidden;}
.viewPlay { background: url(../Images/playMain.png) no-repeat center center; display: block; z-index: 1px; position: absolute; width: 150px; height: 115px;}
.viewPlay:hover { background: url(../Images/playHover.png) no-repeat center center;}


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

.visitorCount { padding-top: 6px; color: #17334e; text-align: right;}
#bottom { background: #000; overflow: hidden; padding: 10px; color: #eff7fd; font-weight: bold; clear: both;margin:0 auto}
#bottom a { font-weight: bold; color: #d6d6d6; padding: 0px 16px; font-size: 0.96em;}
.firstChild { padding-left: 10px !important;}
.copyRight { color: #8897a3; font-size: 12px; padding:5px 10px; font-weight: normal;width:745px;float:left }
.mahaLogo{float:left; padding:5px 10px}
.update { text-align: right; padding-right: 10px; margin-top: -12px;  font-weight: normal; color: #8897a3; font-size: 12px;}

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