/* CSS Document */
html { margin: 0; padding: 0; border: none; }
body { font-family: verdana;
font-size:11px;
color:#FFFFFF;
background: #76B3F2;
margin:0px ;
}
.nav ul
{
margin:0;
font-size:11px;
font-weight:bold;
padding-left:8px;
padding-top:3px;
list-style:none;
text-align:center;
}
.nav li
{
float:left;
margin-right:0px;
padding:0 0 0 2px;
}
.nav a
{
float:left;
display:block;
padding-top:1px;
padding-right:3px;
padding-bottom:2px;
padding-left:2px;
text-decoration:none;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.nav a
{
float:none;
color:#FFFFFF;
font-size:12px;
}
/* End IE5-Mac hack */
.nav a:hover
{
color:#000000;
background-color:#FFFFFF;
}
.clear
{
clear:both;
}
.nav
{
width:802px;
height:27px;
}
#page
{
display: block;
margin:0px auto;
width:1000px;
}
#header
{
position: absolute;
padding: 0px;
width:802px;
margin-top:3px;
margin-bottom:3px;
margin-left:95px;
}
#header1
{
position: relative;
padding: 0px;
width:817px;
height:85px;
margin-top:0px;
margin-left:0px;
background-image:url(images/main_top_bg.jpg);
background-repeat:no-repeat;
}
/*////////////////////////////////////////////*/
/*****************************************************/
#popupheader1
{
position: relative;
padding: 0px;
width:700px;
height:40px;
margin-top:6px;
margin-left:8px;
background-image:url(images/header_bg1.jpg);
background-repeat:no-repeat;
}
#popupheader2
{
position: relative;
padding: 0px;
width:696px;
height:100%;
margin-top:-17px;
margin-left:6px;
background-image:url(images/main_center_bg.jpg);
background-repeat:repeat;
}
#popupfooter
{
margin-left:6px;
top:0px;
margin-top:-12px;
height:38px;
width:696px;
background-image: url(images/main_bottom_bg.jpg);
background-repeat:no-repeat;
}
.spacer
{
padding-top:22px;
background-color:#FFFFFF;
width:700px;
}
/*****************************************************/
/*///////////////////////////////////////////*/
.logo{
position:absolute;
left:6px;
top:10px;
height:68px;
width:160px;
background-image:url(images/meri_logo.jpg);
background-repeat:no-repeat;
}
.logo_txt{
position:absolute;
left:200px;
top:6px;
height:95px;
width:488px;
background-image:url(images/logo_txt01.jpg);
background-repeat:no-repeat;
}
.marathi{
position:absolute;
left:712px;
top:60px;
height:22px;
width:90px;
}
#header2
{
position: relative;
padding: 0px;
width:817px;
margin-top:0px;
height:100%;
margin-left:0px;
background-image:url(images/main_center_bg.jpg);
background-repeat:repeat;
}
.head_img{
position:relative;
left:5px;
top:0px;
height:58px;
width:799px;
}
.link_bg{
position:relative;
left:2px;
top:0px;
height:27px;
width:802px;
background-image: url(images/link_bg.jpg);
background-repeat:no-repeat;
}
#content
{
background-color:#99CCCC;
height: auto;
width: 800px;
margin:auto;
margin-bottom:20px;;
}
.content1{
height: auto;
width: 190px;
padding:0px;
}
.content_in{
float:right;
height: auto;
width: 592px;
padding:0px;
}
.side_links{
position:relative;
left:0px;
top:0px;
margin-top:6px;
height:23px;
width:178px;
background-image:url(images/search_bg.jpg);
background-repeat:no-repeat;
}
.side_links1{
position:relative;
left:4px;
top:0px;
margin-top:6px;
height:22px;
width:173px;
background-image: url(images/vr_link_bg.jpg);
background-repeat:no-repeat;
}
.link_txt1
{
position:relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
width:auto;
color:#FFFFFF;
text-decoration:none;
left: 24px;
top: 5px;
}
.link_txt2 a
{
position: relative;
font-family:Verdana;
font-size:12px;
font-weight:bold;
width:150px;
color:#FFFFFF;
text-decoration:none;
left: 17px;
top: 2px;
}
.link_txt2 a:hover
{
color:#FFFF00;
}
.link_txt a
{
position:relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
width:150px;
color:#FFFFFF;
text-decoration:none;
left: 24px;
top: 5px;
}
.link_txt a:hover
{
color:#FFEE00;
}
#form_bg
{
background-color:#378DE4;
height:40px;
width:180px;
border:1px;;
border-color:#202020;
border-style: solid;
}
.form_align
{
position:relative;
margin-top:10px;
margin-left:5px;
width:160px;
}
#form1bg
{
position:absolute;
margin-left:0px;
margin-left:0px;
width:140px;
}
#form2bg
{
position:absolute;
margin-left:150px;
margin-top:4px;
width:30px;
}
.go a
{
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#76B3F2;
border:none;
}
.go a:hover
{
color:#09539D;
}
.btn
{
background-color:#378DE4;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border:none;
padding-bottom:8px;
}
#Gallery
{
position:relative;
left:11px;
top:0px;
margin-top:0px;
height:141px;
width:164px;
background-image: url(images/gall_bg.jpg);
background-repeat:no-repeat;
}
.gall_img
{
position:relative;
left:16px;
top:26px;
margin-top:0px;
height:102px;
width:129px;
}
#mah_tit{
position:relative;
left:4px;
top:0px;
margin-top:6px;
height:26px;
width:269px;
background-image: url(images/mah_mod_bg.jpg);
background-repeat:no-repeat;
}
.general_txt
{
font-family:Verdana;
font-size:11px;
color:#09539D;
text-decoration:none;
text-align:left;
}
.title_txt
{
font-family:Verdana;
font-size:15px;
color:#1289EA;
text-decoration:none;
text-align:left;
font-weight:bold;
}
.more a
{
font-family:Verdana;
font-size:11px;
color:#0099CC;
font-weight:bold;
text-decoration:none;
}
.more a:hover
{
color:#022447;
}
.hr_p
{
width:386px;
color:#1289EA;
}
.news_cont
{
margin-left:0px;
width:190px;
background-color:#378DE4;
border:1px;
border-color:#8C8C8D;
border-style: solid;
}
.wht_txt
{
font-family: Arial;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
text-align:justify;
margin:6px;
text-decoration:none;
}
.hr_p1
{
height: 1px;
border: 0;
color: #333;
background-color: #333;
width: 100%;
}
.more1 a
{
font-family:Arial;
font-size:10px;
color:#FFFFFE;
text-align:right;
font-weight:normal;
text-decoration:none;
}
.more1 a:hover
{
color:#032D57;
}
#footer
{
background-image: url(images/main_bottom_bg.jpg);
background-repeat:no-repeat;
height:38px;
width:816px;
}
#footer_txt
{
left:0px;
margin-top:20px;
text-align:center;
vertical-align:middle;
}
/* link style sheet */
.arrowlistmenu{
width: 176px;
/*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Verdana;
color: white;
background: url(images/search_bg.jpg) no-repeat center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-left:2px;
margin-top:5px;
border:none;
padding:4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/search_bg.jpg);
color:#FFFF00;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px;
background-color:#DDF0FF; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #000099;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
text-align:left;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #000099;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
.link_txt3
{
position:relative;
font-family:Arial;
font-size:13px;
font-weight:bold;
width:200px;
color:#FFFFFF;
text-decoration:none;
left: 1px;
top: -1px;
}
/*end here*/
#title_bg
{
padding: 0px;
width:auto;
height:26px;
margin-top:0px;
margin-left:0px;
background-image:url(images/title_bg.jpg);
background-repeat:no-repeat;
}
#title_bg2
{
padding: 0px;
width:auto;
height:26px;
margin-top:0px;
margin-left:0px;
background-image:url(images/marathi_title.jpg);
background-repeat:no-repeat;
}
#title_bg1
{
padding: 0px;
width:387px;
height:auto;
margin-left:0px;
background-image:url(images/title_bg.jpg);
background-repeat:no-repeat;
left: 0px;
top: 2px;
border-bottom: 1px solid #09529E;
border-left: 1px solid #09529E;
border-right: 1px solid #09529E;
border-top: 1px solid #09529E;
border-style: solid;
}
.content_in1
{
position: absolute;
left:2px;
top:20px;
height:auto;
width:387px;
border-bottom: 1px solid #09529E;
border-left: 1px solid #09529E;
border-right: 1px solid #09529E;
border-style: solid;
}
.link_txt_l a
{
position: relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
width:150px;
color:#09539C;
text-decoration:none;
left: 17px;
top: 2px;
}
.link_txt_l a:hover
{
color:#378DE4;
}
.redlink
{
color:#000000;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding-left:2px;
}
.redlink:hover
{
color:#FF0000;
}
/*box css */
.commentbox{
background-color: #76B3F2;
width:auto;
padding: 8px;
height:20px;
}
.commentfooter{
background: url(images/down_arrow.jpg) 20px -6px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 1em;
font-size: 90%;
color: #4A4A4A;
}
.box_txt
{
font-family:Verdana;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
text-align:left;
font-weight:bold;
}
.box_title
{
font-family:Verdana;
font-size:16px;
color: #0753a1;
text-decoration:none;
font-weight:bold;
}
.arrowShape {
background: #fff url(arrowBG2.png) no-repeat right 50%;
margin: 0;
padding: 0;
float: left;
}
.arrowShape a {
display: block;
border: 1px solid #363;
border-right-width: 0;
padding: .3em .6em .3em .6em;
margin-right: 1.1em;
font: bold .7em Arial, Helvetica, sans-serif;
color: #363;
text-decoration: none;
}
/*........... */
.title_txt1
{
font-family:Verdana;
font-size:13px;
color:#0099FF;
text-decoration:none;
font-weight:bold;
}
/*table border css start here */
table.proptable {
font-size: small;
border-collapse: collapse;
border-spacing: 0;
text-align: left;
margin: 1em 0;
}
table.proptable1 {
font-size: small;
border-collapse: collapse;
border-spacing: 0;
text-align:center;
margin: 1em 0;
}
table.propdef td, table.propdef-extra td, table.descdef td,
table.propdef th, table.propdef-extra th, table.descdef th {
padding: 0 0.3em;
vertical-align: baseline;
}
table.equiv-table { border-spacing: 0; margin: 0.5em 0 }
table.equiv-table th, table.equiv-table td { padding: 0.3em }
table.equiv-table th { text-align: left }
/* table.equiv-table th:first-child { text-align: right } */
table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 }
table.equiv-table { border-bottom: hidden }
table.equiv-table { empty-cells: show }
table.equiv-table caption { margin: 0.5em 0 0 0 }
/* Style for table of properties */
table.proptable {
font-size: small;
border-collapse: collapse;
border-spacing: 0;
text-align: left;
margin: 1em 0;
}
table.proptable td, table.proptable th {
padding: 0.4em;
border-style: solid none none dotted;
border-width: thin;
border-color: #76B3F2;
}
table.proptable th:first-child, table.proptable td:first-child {
border-left-style: none;
}
/* Style for table that defines a property or a descriptor */
table.propdef, table.propdef-extra, table.descdef {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
background: #DEF;
margin-top: 1.2em;
margin-bottom: 1.2em
}
/* Since Jan 2008, some CSS modules use | instead of | in the
first column of a table.propdef. These rules handle both. As of Jan
2008, http://www.w3.org/Style/spec-mark-up still only documents |
*/
table.propdef td, table.propdef-extra td, table.descdef td,
table.propdef th, table.propdef-extra th, table.descdef th {
padding: 0 0.3em;
vertical-align: baseline;
}
/*
table.propdef dfn, table.propdef-extra dfn, table.descdef dfn {
font-weight: bold;
font-style: normal
}
*/
table.propdef td:first-child,
table.propdef-extra td:first-child,
table.descdef td:first-child,
table.propdef th:first-child,
table.propdef-extra th:first-child,
table.descdef th:first-child {
font-style: italic;
font-weight: normal;
text-align: left;
width: 8.3em
}
table.propdef td[colspan]:first-child,
table.propdef-extra td[colspan]:first-child,
table.descdef td[colspan]:first-child,
table.propdef th[colspan]:first-child,
table.propdef-extra th[colspan]:first-child,
table.descdef th[colspan]:first-child {
font-style: inherit
}
table.propdef tr:first-child,
table.propdef-extra tr:first-child,
table.descdef tr:first-child {
background: #005A9C;
color: white
}
em.rfc2119 {
text-transform: lowercase;
font-variant: small-caps;
font-style: normal
}
/* In Profile specs, a table of required features: */
table.features th {
background: #00589f;
color: #76B3F2;
text-align: left;
padding: 0.2em 0.2em 0.2em 0.5em;
}
table.features td {
vertical-align: top;
border-bottom: 1px solid #76B3F2;
padding: 0.3em 0.3em 0.3em 0.7em;
}
/* Style for data tables (and properly marked-up proptables) */
.data, .proptable {
margin: 1em auto;
border-collapse: collapse;
border: solid #005A9B;
}
.data caption {
width: 100%;
text-align: center;
}
.data td, .data th,
.proptable td, .proptable th {
border: thin solid;
padding: 0.2em;
text-align: center;
}
.data thead th[scope="row"],
.proptable thead th[scope="row"] {
text-align: right;
background: #A4C8E2;
color: inherit;
}
.data thead,
.proptable thead {
background: #EEEEEE;
color: inherit;
}
.data tbody th:first-child,
.proptable tbody th:first-child {
text-align: right;
background: #EEEEEE;
color: inherit;
}
.data thead,
.data tbody,
.data tfoot,
.data colgroup {
border: solid;
}
table.propdef {
table-layout: auto;
}
.propdef th {
font-style: italic;
font-weight: normal;
text-align: left;
width: 3em;
}
dt dfn code {
font-size: inherit;
}
/*table border css end here */
/*form css start here */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform p{
width: 210px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #0A549D;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.cssform textarea{
width: 180px;
height: 100px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
/*form css end here */
/* organisation_chart CSS START here */
ul {
list-style: none;
margin:0 auto;
padding:0;
border:none;
}
li {
margin:0 auto;
padding:2px;
text-align:center;
}
#TWO {
border:none;
text-align:center;
margin-left:235px;
width:592px;
}
#TWO1 {
border:none;
text-align:center;
margin-left:600px;
width:200px;
}
#TWO ul {
border:none;
text-align:center;
}
#noReports,
#AS {
display:inline-block;
margin:0 10px;
}
#withReports {
border:none;
text-align:justify;
width:1022px;
}
/*instead of this selector,
"#UL1, #UL2, #UL3, #UL4, #UL5, #UL6, #UL7, #UL8, #UL9, #UL10, #UL11",
use the following*/
#withReports ul {
display:inline-block;
vertical-align:top;
width:16%;
}
/* organisation_chart CSS END here */
.clear
{
clear:both;
}
/* gall style */
.gallerycontainer{
position: relative;
margin-top:270px;
width:575px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: lightgrey;
}
.thumbnail:hover img{
border: 1px solid blue;
}
.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
padding: 0px;
top:-100px;
border: 1px black;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -200px;
left:139px; /*position where enlarged image should offset horizontally */
z-index: 10;
}
#gal_span
{
visibility: visible;
top: -400px;
left:139px; /*position where enlarged image should offset horizontally */
z-index: 10;
}
/* gall style end */
.content_new
{
position:relative;
padding: 0px;
height:auto;
width:auto;
margin-top:0px;
margin-left:0px;
}
.main_container
{
background-color:#FFFFFF;
height: auto;
width: 800px;
margin:auto;
margin-bottom:0px;
}
.main_container_coloums
{
background-color:#FFFFFF;
height: auto;
width: 800px;
margin:auto;
margin-bottom:0px;
}
.main_container2
{
float:right;
height: auto;
margin-right:5px;
width: 592px;
padding:0px;
border-bottom: 1px solid #09529E;
border-left: 1px solid #09529E;
border-right: 1px solid #09529E;
border-top: 1px solid #09529E;
border-style: solid;
}
.main_container1
{
height: auto;
width: 190px;
padding:0px;
}
.content2{
float:right;
top:0px;
margin-left:210px;
height:auto;
width:388px;
}
.content3{
float:right;
margin-left:0px;
top:0px;
height:auto;
width:190px;
}
.arrow
{
font-size:13px;
color:#000099;
font-weight:bold;
text-decoration:none;
border:none;
vertical-align:middle;
}
/*-----------------------------*/
.wrapper{
}
.left{
float:left;
width:190px;;
background-color:#ffffff;
}
.middle{
float:right;
width:388px;
height:auto;
margin-right:15px;
margin-top:10px;
background-color:#ffffff;
}
.right{
float: right;
width:190px;;
margin-right:5px;
background-color:#ffffff;
}
/*-----------------------------*/
*-----------------------------*/
#footer{
background-image:url(images/main_bottom_bg.jpg);
background-repeat:no-repeat;
width:816px;
height:27px;
}
#footer_left{
float:left;
width:22%;
margin-top:6px;
margin-left:30px;
text-align:left;
}
#footer_middle1{
float:left;
width:43%;
text-align:left;
margin-top:20px;
margin-right:10px;
margin-top:6px;
}
#footer_middle2{
float:left;
width:14%;
text-align:left;
margin-top:20px;
margin-right:10px;
margin-top:6px;
}
#footer_right{
float: left;
margin-top:6px;
margin-right:0px;
background-color:#0A549F;
height:15px;
}
/*-----------------------------*/
.tablediv {
display: table;
width:560px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
border-spacing:5px;/*cellspacing:poor IE support for this*/
border-collapse:separate;
color:#FF6600;
}
.rowdiv {
display:table-row;
width:100%;
}
.celldiv {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:left;
width:50%;
margin-top:3px;
}
/*------------------------------------------*/
.tablediv1 {
display:table;
width:570px;
background-color:#D5EAFF;
border:1px solid #FFFFFF;
border-spacing:5px;/*cellspacing:poor IE support for this*/
border-collapse:separate;
color:#FF6600;
}
.rowdiv1 {
font-weight:bold;
display:table-row;
width:100%;
height:5px;
margin-top:3px;
background-color:#76B3F2;
}
.celldiv1 {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:left;
width:32%;
margin-top:3px;
padding-left:1px;
}
.celldiv3 {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:center;
width:24%;
margin-top:3px;
padding-right:1px;
padding-bottom:10px;
}
.celldiv2 {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:left;
width:67%;
margin-top:3px;
}
table.sample
{
font-size:12px;
border-collapse: collapse;
border-style:solid;
border-color:#09539D;
border-spacing: 0;
text-align: left;
width:100%;
margin: 1em 0;
}
table.sample td
{
padding: 0.4em;
border-style: solid none none dotted;
border-width: thin;
border-color: #09539D;
}table.sample th {
padding: 0.4em;
border-style: solid none none dotted;
border-width: thin;
border-color: #09539D;
}
.officer
{
margin-right:5px;
font-weight:bold;
}
.foot_link a
{
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.foot_link a:hover
{
color:#FFFF00;
}
/*------------------------------------------*/
.cediv1 {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:left;
width:37%;
margin-top:3px;
}
.cediv2 {
color:#FFFFFF;
float:left;/*fix for buggy browsers*/
font-size:11px;
display: table-cell;
text-align:left;
width:24%;
margin-top:3px;
}
/*------------------------------------------*/
|