/******  header ***********/
/**********   BLUE COLOR : #132f57 ************/
    /*********  Orange Color : #fbba00 ************/
        /********* LIGHT BLUE : #123261  ************/
		
	@font-face
	{
	font-family:tsvs;
	src:url(font/mainfont.ttf);	
	}
    
    @font-face
	{
	font-family:tsvshead;
	src:url(font/heading.ttf);	
	}


  body
	{
    margin:0px !important;
	padding:0px !important;	
    background-image: url('../image/webbg.png') !important;
    background-position:center center !important;
    background-repeat: no-repeat !important;
    background-attachment:fixed;
    }

	body *
{
    font-family:tahoma !important;
    
}
	  a
        {
            text-decoration: none !important;
            
        }
	h1 , h2 , h3 , h4 , h5, h6
        {
            font-family: tsvsheading;
        }
	.header{
		background:#eddd53; /* #fff; /*#fbba00;*/
		height:75px;
		padding-left:1%;
        padding-right:1%;
        border-bottom: 2px solid #132f57;
        width: 98%;
        display: block;
        left: 0px;
        top: 0px;
   
		}
	
		.header img{
			float:left;
			display:inline-block;
			}
			
        .header h2 {
			float:right;
			width:50% !important;
			display:inline-block;
			text-align:right;
			color:#000;
			
            vertical-align: top;
            padding: 0px;
            margin: 0px;
        }
	.header #menustrip {
			float:right;
			width:80% !important;
			display:inline-block;
			text-align:right;
			color:#000000;
            vertical-align: top;
            padding: 0px;
            margin: 10px;
        }
	.header #menustrip li {
			display: inline-block;
            margin-right: 5px;
            margin-left: 5px;
            
            
        }
    .header #menustrip li a {
        font-size: 13px;
        display: inline-block;
        width: 150px;
        text-align: center;
        color:#132f57;
        padding: 5px;
        border-bottom: black 3px solid; 
        background:#fbba00;
        }
        
        .header #menustrip li a:hover {
		  border-bottom: #132f57 3px solid; 
          background: #132f57;
            color:white;
        }
	/******* menu ********/
	
	
		.menubar{
			
			width:70% !important;
			display:block;
			padding: 20px;
            text-align: center;
            margin: auto;
			}
			
.menubar ul
{
margin:0px !important;		
padding:0px !important;
	
}
.menubar li
	{  
    list-style: none;
	}			
			
.menubar li a
	{
		/************/
		list-style:none;
		margin-right:10px !important;
		margin-bottom:5px !important;
		padding:10px;
		text-align:left;
		width:100%;
		display:block;
		height:15px;
		background:#fbba00aa;
		color:#132f57 !important;
		line-height:15px;
		font-size: 16px;
		/***********/
		
		text-decoration:none;
		}			
.menubar li a:hover
	{
		background:#132f57aa;
		color:#fff !important;
	}

			
	/************* Work Area **********/		
	
	.mainsection h1
	{
		margin:0px;
		padding:10px;
		text-align:left !important;
		height:20px !important;
		line-height:20px !important;
		background:#132f57 !important;
		color:white !important;
        font-size: 15px;
		margin-bottom:20px;
	}
        .mainsection{
            display: block;
            margin:auto;
            padding: 0px;
            min-height:600px !important;
            padding-top: 20px !important;
            text-align: center;
        }
         .mainsection .cols .title 
        {
           width: 100%;
            display: block;
            text-align: center;
        }
         .mainsection .cols_search .title
        {
            width: 100%;
            display: block;
            text-align: center;
        }
        .mainsection .cols 
        {
            
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
           
        }




        .mainsection .cols2 .title 
        {
           width: 100%;
            display: block;
            text-align: center;
        }
        .mainsection .cols2 
        {
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }
        




         .mainsection .cols_search 
        {
            font-size: 13px;
            width: 464px;
            display: inline-block;
            margin-bottom: 10px;
            background-color: #fff;
            text-align: center;
            padding: 5px;
        }
         .mainsection .cols_action 
        {
            font-size: 13px;
            width: 225px;
            display: inline-block;
            margin-bottom: 0px;
            /*background-color: #fff;*/
            text-align: center;
            padding: 0px 5px 0px 5px;
        }
         .mainsection div input ,  .mainsection div select 
        {
            width: 200px;
            padding: 5px;
            border-radius: 3px;
            border: #132f57 solid 1px;
        }
         .mainsection div input[type='checkbox'] 
        {
            width: 20px;
            padding: 2px;
            border-radius: 3px;
            border: #132f57 solid 1px;
        }
     .mainsection div button ,   .mainsection div .submit , .mainsubmit
        {
            background: #123261;
            color:white;
            width: 100px !important;
            padding: 5px;
            border-radius: 3px;
            border: #fbba00 solid 2px;
            margin: 10px;
           cursor: pointer;
display: inline-block;
        }
        .mainsection div button:hover ,   .mainsection div .submit:hover , .mainsubmit:hover
        {
            background: #fbba00;
            color:black;
            
        }
        .mainsection .tablesubmit
        {
           background: #132f57;
            color:white;
            width: 70px;
            padding: 5px;
            border-radius: 3px;
            border: #132f57 solid 1px;
            cursor: pointer; 
        
        }
        .mainsection .tablesubmit:hover{
            background: #000000;
            color:white;
            
        }
        
        .line{
         border-top: 2px solid #132f57;   
            
        }
		
		.tablist
		{
			width:100% !important;
			border:#132f57;
		}
		
		.tablist th
		{
            font-size: 14px;
			background:#132f57;
			color:white;
			height:20px;
			border:#132f57 1px solid;
		}
		.tablist td
		{
			height:25px;
             font-size: 12px;
			border:#132f57 1px solid;
		}
		
		.mtitle
		{
		width:250px;
		display:inline-block;	
		background-color:#FF9;
		}
		.tclick
		{
			cursor:pointer;
		}
        
        .idate , .imonth
        {
        width: 50px !important;           
        }
        .iyear
        {
        width: 100px !important;           
        }
        .searchheading
        {
            background-color: #fbba00;
            color: #132f57;
            border: #132f57 1px dotted;
        }
        schno
        {
            font-size: 20px;
            display: block;
            padding: 1px;
            color:#132f57;
            font-weight: bold;
            border:#132f57 1px dotted;
            background-color: #fbba00;
        } 
      a.search
        {
            background: #132f57;
            color:white;
            width: 100px;
            padding: 5px;
            display: inline-block;
            border-radius: 3px;
            border: #132f57 solid 1px;
            cursor: pointer; 
            margin: 0px;
            
        }
    .downloadlinks a
        {
           color:#132f57; 
           font-size: 12px;
           background: #fbba00;
            padding: 5px;
        margin-right: 5px;
            border-radius: 4px;
            
        }
		
	.summery th
	{
		  background-color: #fff;
		  color:#000;
		}
        
    .viewport
        {
            background-color: white;
            width: 80%;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            margin: 0px;
            
        }


#menustrippage {
			
			width:95% !important;
			display:inline-block;
			text-align:center;
			color:#000000;
            vertical-align: top;
            margin: 10px;
        }
	#menustrippage li {
			display: inline-block;
            margin-right: 5px;
            margin-left: 5px;
            
            
        }
    #menustrippage li a {
        font-size: 13px;
        display: inline-block;
        width: 100px;
        text-align: center;
        color:#132f57;
        padding: 5px;
        border-bottom: black 3px solid; 
        background:#fbba00;
        }
        
       #menustrippage li a:hover {
		  border-bottom: #132f57 3px solid; 
          background: #132f57;
            color:white;
        }
.home
{
    background-color: #fbba00; /*#fbba00;*/
    color:#132f57;
    font-size: 16px;
    padding: 2px;
    width: 150px;
    margin: auto;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 5px;
    border:#132f57 1px solid;
   line-height: 30px;
    height: 30px;
}

.orange
{
   background-color:rgba(235, 231, 254 ,.5); /*#fbba00;*/
   border: #132f57 1px solid;
   color:#132f57;
   font-size: 18px;
   word-spacing: 4px;
   letter-spacing: 2px;
   padding: 2px;
}

.stripview
{
   background-color:rgba(235, 231, 254 ,.5); /*#fbba00;*/
   
   color:#132f57;
   font-size: 18px;
display: inline-block;
}


.orange table
{
margin: auto;
display: table;
    margin-top: 20px;
    margin-bottom: 20px;
    
}

.orange .edit
{
margin: auto;
display: block;
width: 200px;
font-size: 12px;
background: #132f57;
text-align:center;
height: 20px;
line-height: 20px;
color: white;
margin-bottom: 10px;
font-weight: lighter;
}

.db_back
{
margin: auto;
display: block;
width: 200px;
font-size: 12px;
background: #132f57;
text-align:center;
height: 20px;
line-height: 20px;
color: white;
margin-bottom: 10px;
font-weight: lighter;
margin-top:40px;
}
red
{
    color:red;
}
.mainsection .cols3 
        {
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }
@media only screen and (min-width: 1500px) {

 .mainsection .cols 
        {
            font-size: 13px;
            width: 48%;
            display: inline-block;
            
            margin: auto;
            text-align: center;
            padding: 5px;
        }
      .mainsection .cols2 .title 
        {
           width: 100%;
            display: block;
            text-align: center;
        }
        .mainsection .cols2 
        {
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
          padding-top: 10px;
        }
     .mainsection div input ,  .mainsection div select 
        {
            width: 80%;
            padding: 5px;
            border-radius: 3px;
            border: #132f57 solid 1px;
        }
    .mainsection div button ,   .mainsection div .submit , .mainsubmit
        {
            background: #123261;
            color:white;
            width: 100px;
            padding: 5px;
            border-radius: 3px;
            border: #fbba00 solid 2px;
            margin: 10px;
           cursor: pointer;
            display: inline-block;

        }
.mainsection .cols3 
        {
            font-size: 13px;
            width: 40%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }    
}

@media only screen and (min-width: 1200px) {

 .mainsection .cols 
        {
            font-size: 13px;
            width: 48%;
            display: inline-block;
            
            margin: auto;
            text-align: center;
          
        }
      .mainsection .cols2 .title 
        {
           width: 100%;
            display: block;
            text-align: center;
        }
        .mainsection .cols2 
        {
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
         padding-top: 10px;
        }
    .mainsection div input ,  .mainsection div select 
        {
            width: 80%;
            padding: 5px;
            border-radius: 3px;
            border: #132f57 solid 1px;
        }
    .mainsection div button ,   .mainsection div .submit , .mainsubmit
        {
            background: #123261;
            color:white;
            width: 100px;
            padding: 5px;
            border-radius: 3px;
            border: #fbba00 solid 2px;
            margin: 10px;
           cursor: pointer;
            display: inline-block;

        }
.mainsection .cols3 
        {
            font-size: 13px;
            width: 40%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }
}

@media only screen and (min-width: 800px) {

 .mainsection .cols 
        {
            font-size: 13px;
            width: 48%;
            display: inline-block;
            
            margin: auto;
            text-align: center;
            padding: 5px;
        }
      .mainsection .cols2 .title 
        {
           width: 100%;
            display: block;
            text-align: center;
        }
        .mainsection .cols2 
        {
            font-size: 13px;
            width: 100%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }
    .mainsection div input ,  .mainsection div select 
        {
            width: 80%;
            padding: 5px;
            border-radius: 3px;
            border: #132f57 solid 1px;
        }
    .mainsection div button ,   .mainsection div .submit , .mainsubmit
        {
            background: #123261;
            color:white;
            width: 100px;
            padding: 5px;
            border-radius: 3px;
            border: #fbba00 solid 2px;
            margin: 10px;
           cursor: pointer;
            display: inline-block;

        }
     .mainsection .cols3 
        {
            font-size: 13px;
            width: 40%;
            display: inline-block;
            
           margin: auto;
            text-align: center;
            padding-top: 10px;
        }
}