/*

Name of the stylesheet : style.css

Company Name: Krishi Vigyan Kendra, Durg, Chhattisgarh

Design & Developed by SUNCROSS ONLINE - www.suncrossonline.com

Date of Creation - 03/04/2013

Use of the stylesheet for the website : "the stylesheet used for every classes and ids"; "stylesheet for all the menus")



Total page	width--------98%

			height--------Auto

*/

/* **************** CONTENT OBJECTS ***************** */





/* ====== Default spacing ====== */

h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:0; margin:0;}

h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}

pre{margin: 10px;}

table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}

img{border:0;}

input{font:8pt Verdana, Geneva, sans-serif; color:#000;}



/* ====== Elements ====== */

em{font-style: italic;}

strong{font-weight:bold;}

hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}

code{color:#0B8C8F;}



/* ====== Headings ====== */

/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */

h1, .h1{font:15pt 'calibri'; font-weight:normal; font-style: normal; color:#0755a3;}

h2, .h2{font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}

h3, .h3{font-size:12pt; font-weight:bold; font-style: normal;}

h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}

h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}

h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}

marquee{cursor:default;}



h1, h2, h3, p, ul{margin:0;padding:0;}

img{border:0;}

li{list-style:disc;}

a{text-decoration:none; color:#f17c0b;}

a:hover{color:#aaaaaa; text-decoration:underline;}

a, a:hover{font:10pt Arial, Helvetica, sans-serif;}

h1{color:#000; font:14pt 'calibri';}

form{padding:0; margin:0;}

.float_left{float:left;}

.float_right{float:right;}

.clear{clear:both;}

.minfont{font:1pt Arial, Helvetica, sans-serif;}

.absolute{position:absolute;}



.align_left{text-align:left;}

.align_right{text-align:right;}

.align_center{text-align:center;}

.tblTopAlign{vertical-align:top;}

.tblBotAlign{vertical-align:bottom;}

a.readmore, a.readmore:hover{color:#E2760D; padding:0 0 0 15px; background:url(../images/listArrow.png) 0 3px no-repeat;}

a.readmore{text-decoration:underline;}

a.readmore:hover{text-decoration:none;}

.mandatory span, span.mandatory{color:#ff3000;}





.blank{height:10px;}

a.readmore, a.readmore:hover{color:#E2760D; padding:0 0 0 15px; background:url(../images/listArrow.png) 0 3px no-repeat;}

a.readmore{text-decoration:underline;}

a.readmore:hover{text-decoration:none;}

.mandatory span{color:#ff3000;}

/* if additional headings are needed they should be created via additional classes, never via location dependant styling */



body{margin:0; padding:0;font:9pt Arial, Helvetica, sans-serif; background:#e6e6fa;}



#global_container{width:84%; margin:0 auto;}

#header_container{width:930; height:190; position:relative;}

#header_container span{font:19pt Arial, Helvetica, sans-serif;}

.leftLogo, .rightLogo{position:absolute; z-index:99;}

.leftLogo{ left:0; margin:10px 0 0 10px; }

.rightLogo{right:0; margin:10px 10px 0 0;}

.siteTitle{width:70%; margin:0 auto;}



.topNav{background:#003c00; height:26px;}

.topNav li{display:inline;}

.topNav li a, .topNav li a:hover{padding:5px 10px 7px 10px; color:#fff; font:9pt Arial, Helvetica, sans-serif; height:20px; line-height:2em;}

.topNav li a:hover{background:#7aba2e; text-decoration:none;}



#middle_container{padding:15px 0 0 0; position: relative;}

.leftSidebar{width:15%;}

.leftMenu{width:158px; position:absolute; left:0;}

.leftMenu ul li{border-bottom:solid 1px #cccccc; list-style:none; position:relative;}

.leftMenu ul li a, .leftMenu ul li a:hover{display:block; height:22px; padding:8px 0 0 15px; margin:5px 0 0 0; color:#333; font-weight:bold; /*border-bottom:solid 1px #cccccc;*/}

.leftMenu ul li a{background:url(../images/li.png) 0 -5px no-repeat;}

.leftMenu ul li a:hover{background:#9acd32 url(../images/li.png) 0 -5px no-repeat; text-decoration:none;}



.leftMenu ul ul{position:absolute; margin:-30px 0 0 0; z-index:1000;}

.leftMenu ul li li{border-bottom:0;}

.leftMenu ul li li a{background:#f5deb3 url(../images/li.png) 0 -5px no-repeat;}

.leftMenu ul li li a:hover{background:#9acd32 url(../images/li.png) 0 -5px no-repeat;}

.leftMenu ul li li a, .leftMenu ul li li a:hover{padding:8px 15px 0 15px; margin:0; width:160px; border-bottom:solid 1px #cccccc;}





.pageContent{width:66%; margin:0 auto; padding:0 15px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:26px;}

.pageContent h2{padding:5px 0;}

.pageContent p{padding:0 0 15px 12px;}



.pageContent1{width:76%; margin:0 200px;  padding:0 10px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:18px;}

.pageContent1 h2{padding:1px 0;}

.pageContent1 p{padding:0 0 15px 12px;}



.pageContent2{width:80%; margin:0 200px;  padding:0 10px 0 0; font:10pt Arial, Helvetica, sans-serif; color:#555; line-height:18px;}

.pageContent2 h2{padding:1px 0;}

.pageContent2 p{padding:0 0 15px 12px;}





blockquote {

font-weight: bold;

font-style: italic;

color: #b29b35;

padding:0 15px;

}



ul.topicList{margin:0 0 0 30px; padding:0 15px 0 0;}

ul.topicList li{padding:0 0 15px 0; text-align:justify;}



.BotBox{border-top:solid 10px #004600; padding-top:20px;}

.boxCol{/*width:187px;*/ width:32.1%; margin:0 3px;}

.boxCol h1{/*background:url(../images/homboxTtileBg.jpg) no-repeat;*/ background:#003c00; color:#fff; text-align:center; height:36px;padding:7px 0 0 0;}

.boxCol ul{margin:10px 0 0 30px;}

.boxCol li{list-style:none; background:url(../images/bullet_105.gif) 0 2px no-repeat; padding:0 0 0 20px;}



.rightSidebar{width:163px; position:absolute; right:0;}

.sidebarTitle{background:#004600; color:#fff; padding:5px 0; font:bold 10pt Arial, Helvetica, sans-serif; text-align:center; margin:15px 0 0 0;}



.cal_calendar

{

        border:1px solid black;

        padding:1px;

        background-color:#4594ff;

        width:300px;

        margin:auto;

        height:246px;

        background-image:url('http://www.webestools.com/ftp/ybouane/scripts_tutorials/javascript/calendar/bak-300-250.gif');

}

.cal_calendar th

{

        border:1px solid black;

        background-color:#ffffff;

                width:36px;

}

.cal_calendar td

{

        border:1px solid black;

        background-color:#ffffff;

        text-align:center;

                width:36px;

                height:36px;

}

.cal_today

{

        color:#ff0000;

                font-weight:bold;

}

.cal_days_bef_aft

{

        color:#5a779e;

}



.visitorTxt{color:#006400; font:italic 13pt "Lucida Sans", "Lucida Grande", sans-serif; text-align:center; padding:30px 0 10px 0;}



.topBtn{width:98%; margin:0 auto; text-align:right;}

.topBtn a, .topBtn a:hover{display:block; float:right; background:url(../images/top-arrow.png) no-repeat; width:40px; height:19px; padding:5px 0 0 10px; margin:30px 0 10px 0;}



#footer_container{width:98%; margin:0 auto; height:39px; padding-top:5px; background:#003c00; color:#fff;}

.bordered {

    border: 2px solid #a1a1a1;

	    -moz-border-radius: 25px;

    -webkit-border-radius: 25px;

    border-radius: 25px;

    -webkit-box-shadow: 10px 10px 5px #888888; 

    -moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */

box-shadow: 10px 10px 5px #888888;

-webkit-border-bottom-left-radius: 25px

   

}



.bordered tr:hover {

    background:#FFFFCC;

    -o-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;     

}    

    

.bordered td, .bordered th {

   /* border-left: 1px solid #ccc;*/

  border-left: 2px solid #a1a1a1;

    border-top: 1px solid #ccc;

	  border-bottom: 1px solid #ccc;

    padding: 10px;

    text-align: center;   

	

}



.bordered th {

    color:#99FF00;

	bgcolor=#004600;

    backgound-color: #004600;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#004600), to(#004600));

    background-image: -webkit-linear-gradient(top, #004600, #004600);

    background-image:    -moz-linear-gradient(top, #004600, #004600);

    background-image:     -ms-linear-gradient(top, #004600, #004600);

    background-image:      -o-linear-gradient(top, #004600, #004600);

    background-image:         linear-gradient(top, #004600, #004600);

    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 

    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  

    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        

    border-top: none;

    text-shadow: 0 1px 0 rgba(255,255,255,.5); 

}



.bordered td:first-child, .bordered th:first-child {

   /* border-left: none;*/

	border-left:2px solid #a1a1a1;

}



.bordered th:first-child {

    -moz-border-radius: 25px 0 0 0;

    -webkit-border-radius: 25px 0 0 0;

    border-radius: 25px 0 0 0;

	-moz-border-radius-topleft: 25px;

	-webkit-border-top-left-radius: 25px;

	-moz-border-radius-topright: 25px;

	 -webkit-border-top-right-radius: 25px;

	/*-moz-border-radius: 25px;

    -webkit-border-radius: 6px;

    border-radius: 25px;*/

}



.bordered th:last-child {

   /* -moz-border-radius: 0 6px 0 0;

    -webkit-border-radius: 0 6px 0 0;

    border-radius: 0 6px 0 0;*/

	-moz-border-radius: 0px 25px 0 0;

    -webkit-border-radius: 0px 25px 0 0;

    border-radius: 0px 25px 0 0;

}



.bordered th:only-child{

    -moz-border-radius: 6px 6px 0 0;

    -webkit-border-radius: 6px 6px 0 0;

    border-radius: 6px 6px 0 0;

}



.bordered tr:last-child td:first-child {

    -moz-border-radius: 0 0 0 25px;

    -webkit-border-radius: 0 0 0 25px;

    border-radius: 0 0 0 25px;

}



.bordered tr:last-child td:last-child {

    -moz-border-radius: 0 0 25px 0;

    -webkit-border-radius: 0 0 25px 0;

    border-radius: 0 0 25px 0;

}

#table {margin-left: 25px;}

#table1 {margin-left: 420px;}

#table2 {margin-left: 280px;}



.col2

{

float: left;

width: 10.5%;}

.col3

{

float: left;

width: 35%;}

.col1{float: left;

width:40%;}

.col11{float: left;

width:100%;}



/*.est h1 {

margin : 20px;

padding : 5px;

font-size : 500%;

letter-spacing : 3px;

color : #fff;

background : #476042;

text-align:center;

font-style:bold;

width: 1000px;

}*/



h1 {

 border: 2px solid #a1a1a1;

	    -moz-border-radius: 25px;

    -webkit-border-radius: 6px;

    border-radius: 25px;

    -webkit-box-shadow: 10px 10px 5px #888888; 

    -moz-box-shadow: 10px 10px 5px #888888; /* Old Firefox */

box-shadow: 10px 10px 5px #888888;

-webkit-border-bottom-left-radius: 25px;

margin : 0px;

padding : 5px;

font-size : 130%;

letter-spacing : 3px;

color : #fff;

background : #004600;

text-align:center;

font-style:oblique;

font-weight: 900;

}



ul.enlarge{

list-style-type:none; /*remove the bullet point*/

margin-left:0;

}

ul.enlarge li{

display:inline-block; /*places the images in a line*/

position: relative;

z-index: 0; /*resets the stack order of the list items - later we'll increase this*/

margin:10px 40px 0 20px;

}

ul.enlarge img{

background-color:#eae9d4;

padding: 6px;

-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);

-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);

box-shadow: 0 0 6px rgba(132, 132, 132, .75);

-webkit-border-radius: 4px; 

-moz-border-radius: 4px; 

border-radius: 4px; 

}

ul.enlarge span{

position:absolute;

left: -9999px;

background-color:#eae9d4;

padding: 10px;

font-family: 'Droid Sans', sans-serif;

font-size:.9em;

text-align: center; 

color: #495a62; 

-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));

-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);

box-shadow: 0 0 20px rgba(0,0,0, .75);

-webkit-border-radius: 8px; 

-moz-border-radius: 8px; 

border-radius:8px;

}

ul.enlarge li:hover{

z-index: 50;

cursor:pointer;

}

ul.enlarge span img{

padding:2px;

background:#ccc;

}

ul.enlarge li:hover span{ 

top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/

left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/

}

ul.enlarge li:hover:nth-child(2) span{

left: -100px; 

}

ul.enlarge li:hover:nth-child(3) span{

left: -200px; 

}

/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/

ul.enlarge img, ul.enlarge span{

behavior: url(pie/PIE.htc); 

}