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

body{background:#faf9f9 url(../Images/bodyBG.png) repeat-x left top!important}
.banner{overflow:hidden; float: left; width: 283px; margin-left:10px;}
.tab{height:56px;overflow:hidden;}
.pageHeadingH{font-family:yanone_kaffeesatz_regularRg;color:#360505;border-bottom:4px solid #dedcd9;height:30px;margin-bottom:20px}
.homePanel{background:#FFF;border:1px solid #e1e1e1;border-top:0 solid #e1e1e1;border-bottom:0 solid #e1e1e1;overflow:hidden;height:auto;padding:15px 14px 0 20px;}
.introBlock{/* clear:both; */height:auto;overflow:hidden;margin: 10px 0px 0px;padding-left: 25px;}
.introBlock .homeCont{font-family:Microsoft Sans Serif;line-height:23px;text-align:justify}
.homeTab{clear:both;width:1004px;overflow:hidden;height:auto;margin-top:4px;padding:0}
.homeTab li{display:block}
.content{clear:both;border:1px solid #ccf;border-top:none;border-left:none;background:#eef;padding:10px 20px 20px}
.tabContent{clear:both;min-height:250px;overflow:hidden; width:100%;}
.tabContent h2 {font-family:yanone_kaffeesatz_regularRg;font-size:100%;color:#010000;border-bottom:4px solid #dedcd9;height:30px;margin:10px 0px; clear: both;}
.homeTab li a{display:block;float:left;overflow:hidden;border:none;font-family:arial;font-weight:bold; letter-spacing:.02em;margin:8px 7px; }
.homeTab li a .lastTab{margin-right:0}
.homeTab li a .tabL{background:url(../Images/tabLeftYellow.png) no-repeat left top;height:42px;width:37px;float:left;}
.homeTab li a .tabR{background:url(../Images/tabRightYellow.png) no-repeat right top;height:42px;width:37px;float:left}
.homeTab li a .tabM{font-family:yanone_kaffeesatz_regularRg;float:left;line-height:34px;width:auto;color:#775b0e;background:#fac535;border-top:1px solid #d5b04c;padding:1px 12px;}
.homeTab li a .tabM:focus { text-decoration: underline;}

.homeTab li.active a .tabL{background:url(../Images/tabLeftWhite.png) no-repeat left top;float:left;height:45px;}
.homeTab li.active a .tabR{background:url(../Images/tabRightWhite.png) no-repeat right top;height:45px;float:left;}
.homeTab li.active a .tabM{float:left;line-height:43px;width:auto;color:#1a2732;background:#FFF;border-top:1px solid #d2d3d3;padding:0 15px;}
.messageBox{/*background:url(../Images/msgPaneTop.png) no-repeat left top;*/
            overflow:hidden;/* margin:5px 0; *//* padding:5px 0 0 5px */}
.messgae{overflow:hidden;background:#f5f0e8;border:1px solid #e3dacd;float:left;width:474px;padding:8px 12px}
.profileBlock{float:left;height:auto;overflow:hidden;width:229px}
.prfSep{margin-left:10px} 
.msgImg{float:left;width:70px;margin-right:14px;overflow:hidden}
.msgText{float:left;overflow:hidden;width:140px;font-size:0.95em;color:#646363;padding-top:8px}
.desg{font-size:0.85em;padding-top:2px}
.profileIcon{display:block;margin-top:10px;background:url(../Images/iconProfile.png) no-repeat left 3px;padding-left:20px}
.msgName{font-size:0.95em;color:#632727;padding-top:6px}
.msgSep{background:url(../Images/msgSepB.png) no-repeat right top;width:25px;padding-left:8px;height:20px}
.serviceBox{height:auto;overflow:hidden;background:#f5f0e8;margin: 15px 0px 15px 0px;border:1px solid #e3dacd;padding:0 4px;clear: both;}
.serviceBoxRow{height:auto;overflow:hidden;padding:15px 10px;float: left;width: auto;}
.serImg{float:left;width: auto;margin-right: 20px;overflow:hidden}
.serText{float:left;overflow:hidden;font-family:yanone_kaffeesatz_regularRg;width: 130px;font-weight:700;color:#646363;line-height:33px;padding-top: 7px;}
.serviceBoxRow .serText:hover { color: #ff5a00 !important;} 
.linkBoxHeading{color:#5f4705;border-bottom:4px solid #a49d76;line-height:33px;height:33px;font-size:1em;font-weight:700}

.csPanel { overflow: hidden;height:auto;clear:both; margin-top: 15px;}
.csBlock {background:#eaeaea url(../Images/csBlockBG.png) repeat-x left top; border:3px solid #cfd6d7; height: 40px; overflow: hidden; float: left; margin: 10px 0px 0px 10px; width:22%; padding: 6px;}
.csBlock:hover {background:#FFF; cursor: pointer;}
.csBlock a { text-decoration: none; line-height: 38px; font-size: 1.1em; font-weight: bold; color: #674a35;}
.csBlock a:hover { color:#000;}
.csImg { float: left; width: 40px; margin-right: 15px;overflow: hidden; height: auto; display: block;}
.csText { float: left; width: 157px; margin-right: 0px;}

#da { overflow: hidden;height:auto;clear:both; margin-top: 15px; display:inline;}
#da ul li { background: #fbfbfb; height: 46px; overflow: hidden; float: left; padding: 6px; margin: 10px 08px 0px 2px; width:22.5%; list-style-type:none; overflow: hidden; border: 1px dashed #ccc;}
#da ul li img {float:left; margin-right:10px; width:40px; height:40px; border:3px solid #cfd6d7;}
#da ul li a { line-height: 18px; font-size: 0.90em; color: #000; letter-spacing: 0.04em;}
.servicesSection{ width:100%; display:block; clear:both}

#slides{overflow:hidden;width: 564px;height:auto;margin:0 auto}
.slides_container{width: 300px;overflow:hidden;position:relative;display:none}
.slides_container div.slide{width: 304px;height:224px;display:block}
.slides_container div.slide img{width:auto;overflow:hidden;position:absolute;}
#slides .imgNav{position:absolute;top: 300px;width: 310px;height:31px;display:block;z-index:9;/* background:url(../Images/bannerNav.png) no-repeat right top; */margin-left: -25px;}
#slides .imgNav .prev{display:block;background:url(../Images/leftNav.png) no-repeat left top;width:12px;height:15px;float:left;margin:8px 0 0 15px}
#slides .imgNav .prev:hover{display:block;background:url(../Images/leftNavOver.png) no-repeat left top}
#slides .imgNav .next{display:block;background:url(../Images/rightNav.png) no-repeat right top;width:12px;height:15px;float: right;margin:8px 0 0 17px}
#slides .imgNav .next:hover{display:block;background:url(../Images/rightNavOver.png) no-repeat right top}
.pagination{width:100px;left:-10000px;position:absolute;margin:26px auto 0}
.pagination li{float:left;list-style:none;margin:0 1px}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:0 0;float:left;overflow:hidden}
.pagination li.current a{background-position:0 -12px}
.caption{font-size:1.3em;line-height:.33;text-shadow:.5px;position:absolute;top:10%;text-align:left;padding-left:30px;width:610px}
.caption h2{font-size:1.8em;line-height:35px;font-weight:700;font-family:Arroyo, sans-serif;color:#FFF;padding-bottom:15px;filter:glow(color=#297fa0,strength=3), alpha(opacity=100), progid:DXImageTransform.Microsoft.Blur(pixelradius=0.5);height:auto}
.caption h3{font-size:1.2em !important;line-height:28px;font-family:'Microsoft Sans Serif', sans-serif;color:#f4f4f4;padding-left:30px;padding-top:3px;
            filter:glow(color=#297fa0,strength=1), alpha(opacity=100), progid:DXImageTransform.Microsoft.Blur(pixelradius=0.5);height:auto; float: left;width: auto;}

.knowMore { background:#1b1b1b; border:1px solid #000; border-radius:5px; -moz-border-radius:5px; float: left; margin: 0px 40px 0px 50px; padding: 0px 10px; width: auto; height:28px; line-height: 28px}
.knowMore a {font-size: 0.80em;color: #dfdfdf !important;}
.knowMore a:hover, .knowMore a:focus {color: #FFF !important;}
.searchDiv {background:#fff5d4; padding:5px 6px 5px 0px; margin: 0px 0px 0px 2px; display:inline-block; width: 948px; border: 1px solid #e8d69a;}
.searchDiv label { padding-right: 10px; font-weight: bold; color: #3e0e01;}
/*input[type="text"] { background: #FFF url(../../Images/searchInput.gif) repeat-x left top; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; line-height: 24px;}
input[type="file"] { background: #FFF url(../../Images/searchInput.gif) repeat-x left top; height: 35px; 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;}*/

select { background: url(../Images/searchInput.gif) repeat-x left top; height: 24px; border: 1px solid #e3ecf1; padding: 0px 6px; font-size:0.9em;}
.searchBox { width: auto; overflow: hidden; margin-top: 0px; height: auto;}
.searchBTN { width: 26px; height: 24px; display: block; border: 0px; text-indent: -999px; background:#fff url(../../Images/searchIcon.png) no-repeat center center; margin-top: 0; cursor: pointer; display: inline-block;}
.searchBG { font-size: 0.9em !important; background: url(../../Images/searchInput.gif) repeat-x left top; height: 24px !important; border: 1px solid #e3ecf1 !important; border-right: 0px !important; display: inline-block; line-height: 20px !important; padding: 0px 6px !important; color: #666; margin-top: 0; width: 187px;}