/* Media Queries: Tablet Landscape 
@media screen and (max-width: 1060px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;}  
}
*/
/* Media Queries: Tabled Portrait 
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
img { max-width: 100%; height: auto; }
html { font-size:100%; }
@media (min-width: 640px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;} } 
@media (min-width:1100px) { body {font-size:1.5rem;} } 
*/
/*------------------------------------------------------------------------------------------------------*/

body
	{	margin:0px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		background-color:white;
		
		 
	}
	#container
	{
		float: inherit;
		width:100%;
		margin:0px auto;
		border:solid 1px #CCC;
		border-top:none;
		padding:0px;
		/*margin:10px;*/
		border-radius:10px;
    
    
		
	
	}
    h1
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0px;
		padding:5px 0px 0px 0px;
		font-size:22px;
	}
	caption
	{
	background-color:teal;
	color:white;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0px;
		padding:0px 0px 0px 0px;
		font-size:20px;
border-radius:10px 10px 0px 0px;
   
	}
	#header
	{
		background-color:#f1c40f;
		padding:10px 0px 0px 10px;
		
	}
	#header .appTitle
	{
		font-family:sans-serif, Arial, Helvetica,;
		font-size:20px;
		font-weight:bold;
		color:white;
	}
	#header .cdate
	{
    float:right;
	   /* margin:0px 0px 0px 70px;*/
		color:white;
	}

	#topMenu
	{
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:left;
		padding:2px;
		font-weight:bold;
    	display:block;
		
		
		/*border-right:dotted 1px #CCC;*/
		
	}
	
	#topMenu ul 
	{
	
	
	        list-style-type:none;
	        margin:0;
	        padding:2px;
    		background-color:white;
	        
	        	       
	}
	#topMenu ul li
	{
	        display:block;
	        margin:2px;
	        padding:10px;
	        text-decoration:none;
    
	        
	        
	}
	/*added by somesh*/
	#topMenu ul li a:link,#topMenu ul li a:visited
	{
	        text-decoration:none;
	        color:green;
    		background-color:transparent;
    		border-right-color:green;
    border-right-style:solid;
    border-right-width:1px;
	         
	}
	
	/*finshed :addedby somesh*/
#topMenu ul li a:hover 
	{
	        background-color: Green;
   			 color:white;
	        
	        text-decoration: none;
	        /* background-image: url(any-background.jpg); */
	        /* background-repeat: repeat-y;  */
	}
	
@media all and (max-width : 768px) {
#topMenu
	{
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:left;
		padding:5px;
		
		/*border-right:dotted 1px #CCC;*/
		
	}
	
	#topMenu ul 
	{
	        list-style-type:none;
	        margin:0;
	        padding:0;
	        
	        	       
	}
	#topMenu ul li
	{
	        display:inline;
	        margin:2px;
	        padding:10px;
	        text-decoration:none;
	        
	        
	}
	/*added by somes*/
	#topMenu ul li a:link,#topMenu ul li a:visited
	{
	        text-decoration:none;
	        color:green;
            
	         
	}
	
	/*finshed :addedby somesh*/
	#topMenu ul li a:hover 
	{
	        color: white;
    
	        background-color:green;
	        text-decoration:underline overline;
    
	        /* background-image: url(any-background.jpg); */
	        /* background-repeat: repeat-y;  */
	}
}
	#topBar
	{
		/* background-color:green;*/
	}
	/*--------------------------------------*/
	#leftMenu
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		width:0px;
		margin:0px;
		padding:0px;
		
		float:left;
	}
	#leftMenu ul 
	{
	        list-style-type:none;
	        margin:0;
	        padding:0;
	}
	#leftMenu ul li
	{
	        display: block;
	        margin:10px;
	        padding:0px;
	        text-decoration:none;
	        
	        
	}
	#leftMenu ul li a:link,#leftMenu ul li a:visited
	{
	        text-decoration:none;
	        color:green;
	       
	}
	#leftMenu ul li a:hover 
	{
	        color: black;
	        display: inline;
	        text-decoration:underline overline;
	        
	       
	        /* background-image: url(any-background.jpg); */
	        /* background-repeat: repeat-y;  */
	}
	
	#content
	{
		min-height:500px;	
    	float:left;
		width:100%;
		/*padding:10px;
		padding-bottom:0px;*/
		background-color:#fad7a0;
	}
	#footer
	{
		font-size:14px;
		clear:left;
		border-top:dotted 1px #CCC;
	      padding:10px
	}
	#footer .developer
	 {color:#006666;}
	 
	 form
	 {
	   font-size:12px;
	  /* font-weight:bolder;  */
	 }
	 /*
	table
	{
	     
	    border-style: double;
	    border-radius:10px;
	   padding:5px;
	   border-color:white;
	   
	   	    
	}
	th,td
	{
	  
	   border-width:0;
	   border-color:white;
	   padding:3px;  
	}
	input,textarea,select,button
	{
	    padding:3px;
	    
	     font-family:Verdana ;
	    /* font-size:large;
	     color:Green;
	     background-color:#EBFFAD;
	     border-radius:5px;
	     border-color:Green;
	}*/

@media print
{
.noPrint{ display: none !important; }
.yesPrint{ display: block !important; 
font-size: 0.75em;
}
.yesbreak{page-break-after: always;}
}

 .rotate {
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
      -ms-transform: rotate(-90.0deg);  /* IE9+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
          transform: rotate(-90.0deg);  /* Standard */
		  width:Auto;
		  height:15px;
		  border-color:#F0FFEB;
		  font-size:15px;
  }
table
{

margin-left:auto;
margin-right:auto;
background-color:aquamarine;
border-radius:0px 0px 10px 10px;
border-style:inset;
border-width:5px;
border-color:#009900;
padding:5px;


//min-width:90%;
/*width:600px;
height:200px;*/
}


th
{
/*padding:2px;
border-radius:5px;
border-style:inset;
border-width:3px;
/*border-color:yellow;*/
/*background-color:#A3DAA3;*/
font-size:14px;
font-family: 'Arvo', serif;

}
th.rotate {
  /* Something you can count on */
  /*height: 100px;*/
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(-50px, 0px)
    /* 45 is really 360 - 45 */
    rotate(360deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 0px 0px;
}

td
{
border-radius:0px;
border-style:solid;
border-width:1px;
border-color:green;
padding:2px;
margin:0px;
text-align:left;
font-size:14px;
font-family: 'Arvo', serif;
}
tr:hover
{
//color:Green;
//background-color:#A3DAA3;
}
caption
{
padding:2px;
border-radius:15px 15px 0px 0px;
caption-side:top;
background-color:green;
color:white;
font-size:25px;
}
 

th.rotate {
 
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {

    rotate(90 deg);
   width: 30px;
}






 /*
  
table{
width:100%;
height:100%;
margin:0px;padding:0px;
}
 tr:last-child td:last-child {
-moz-border-radius-bottomright:14px;
-webkit-border-bottom-right-radius:14px;
border-bottom-right-radius:14px;
}
 table tr:first-child td:first-child {
-moz-border-radius-topleft:14px;
-webkit-border-top-left-radius:14px;
border-top-left-radius:14px;
}
 table tr:first-child td:last-child {
-moz-border-radius-topright:14px;
-webkit-border-top-right-radius:14px;
border-top-right-radius:14px;
} tr:last-child td:first-child{
-moz-border-radius-bottomleft:14px;
-webkit-border-bottom-left-radius:14px;
border-bottom-left-radius:14px;
} tr:hover td{

} tr:nth-child(odd){ background-color:#d4ffaa; }
 tr:nth-child(even)    { background-color:#ffffff; }
 td{
vertical-align:middle;

border:1px solid #3f7f00;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:10px;
font-family:Arial;
font-weight:normal;
color:#000000;
} tr:last-child td{
border-width:0px 1px 0px 0px;
} tr td:last-child{
border-width:0px 0px 1px 0px;
} tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
 tr:first-child td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);
background-color:#5fbf00;
border:0px solid #3f7f00;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#ffffff;
}
 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);
background-color:#5fbf00;
}
 tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
 tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}
*/
  /*form elements*/
  
 input,select,option,datalist>option
 {
 background-color:green;
 color:white;
 padding:2px;
 border-radius:5px;
 font-size:16px;
 }
  
 a:link,a:visited,a:hover{
  text-decoration:none; 
 
  padding:5px;
  border-radius:5px;
}
 
 .info{
	font-size:15px;
	border-style:ridge;
	border-width:1px;
	border-color:teal;
	border-radius:10px;
	padding:5px;
	margin:20px;
	background-color:aquamarine;
	color:black;
width:auto;
 }  
 .alert{
	font-size:15px;
	border-style:ridge;
	border-width:5px;
	border-color:yellow;
	border-radius:10px;
	padding:5px;
	margin:20px;
	background-color:red;
	color:white;
width:50%;

 }