/*CSS for Patera pages*/
h1{font-size: large;}
h2{font-size: medium;}
h3{font-size: small;margin-top:5px;margin-bottom:5px;}
h4{font-size: x-small;}

body{
    font-family: Verdana;
    font-size: medium;
    margin: 5px;
    font-size: x-small;
    background-color: #FFFFFF;
}

p{
    text-align: justify;
    text-indent: 10px;
    line-height: 1.5;
}

/*MasterPage_Patera Top Banner */
#topContent
{
    text-align: left;
    background-color: #808080;
    color: #FFFFFF;
    font-size: large;
    text-decoration: none;
    color: White;
    font-weight: bold;
    padding: 10px;
    height: 30px;
    border-style:solid;
    border-width:1px;
    border-color: #000000;   
    letter-spacing: 0.4em;
    font-variant: normal; 
    text-transform: lowercase;
}



/*MasterPage_Patera Menu Col*/
#leftContent
{
    width: 150px;
    margin: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;    
    /*text-align: left;*/
    position: absolute;
    top: 60px;
    left: 0px;
    
    border-style:solid;
    border-width:1px;
    border-color: black;
   
}

h3#menu{
text-align: center;
margin-top:5px;
}

h4#menu{
text-align: center;
margin-top:5px;
}

#menubox
{
margin-top: 5px;
margin-bottom: 10px;
}

/*Specific CSS for contents pages*/
#rightContent /* Right far col */
{
    width: 150px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px; 
    font-size: 90%;
    text-align: left;
    float:right;
    border-style:solid;
    border-width:1px;
    border-color: #000000;
    margin-top: 10px;
 }
     
 hr {
    height:0.5px;
    align :centre;
    width:90%;
    margin: 5px;
    style:solid;
    color: black;  
 }

 #leftcol{
 float:left;
 top: 0px; 
 left:0px; 
 background:#fff;  
 width:70%;
 margin-right:5px;
 margin-left:5px; 
 margin-top:10px; 
 margin-bottom:5px;
 /*border-width: 1px;
 border-color:green;
 border-style:dotted;*/
 }

#Content2
{
width: 100%;
}

#pageContent
{    
    clear: both;
    width: 100%;    
}

#mainContent {
    text-align: left;
    margin-left: 180px;
    font-size: x-small;
}

/*<div id="page"> gives page a 10px space (margin) all around content should be added to all page */
#page
{

    margin-top: 10px;
}


#footerContent {
    text-align: center;
    padding: 5px;
}
#breadcrumb
{
    right: 100px;
    position: absolute;
    height: 20px;
 }  
 #filecardTable
{
 /* border-width: 5px;
  border-color:yellow;
  border-style:solid; */
}
#filecardContent
{
}
#filecardContent p
{
    text-align: justify;
    text-indent: 10px;
    line-height: 1.5;
}
#filecardreturn
{
    right: 50px;
    text-align: right;
    height: 12px;
    
   /* border-width: thin;
    border-color:black;
    border-style:solid; */
}

#FormView1
{
   /* border-width: 5px;
    border-color: blue;
    border-style: solid; */

}

table.filecard
{
  /*  border-width: 5px;
    border-color: red;
    border-style: solid; */

}
td.filecard
{
    text-align: justify;
    border-width: thin;
    width: 25%;
    padding: 10px;
    margin: 10px;
    border-spacing: 20px;
    border: #00FF00;
}
td.filecard2
{
    border-width: thin;
    width: 20%;
    padding: 10px;
    margin: 10px;
    border-spacing: 20px;
    
}



floatright 
{border: thin solid #00FFFF
float: right;
margin: 0 0 10px 10px;
clear: right;
/*border-width: thin;
border-color:black;
border-style:solid;*/
}

.containingbox p { margin-top: 0;}


#fctext
{
/*width:80%;*/
max-width:800px;
min-width:400px;
margin-left: auto;
margin-right: auto;
/*border-width: 5px;
border-color:green;
border-style:dotted;*/

}

#imgpatera
{
    width: 239px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    /*border: 5px solid #0000FF;*/
}

#fcrefs
{
/*border-width: 5px;
border-color:green;
border-style:dotted;*/
}


code for gridview

GridView1

.mGrid {    
/*width: 100%; */   
background-color: #fff;    
margin: 5px 0 5px 0;    
border: solid 1px #525252;    
border-collapse:collapse;    
}   
.mGrid td {    
padding: 2px;    
border: solid 1px #c1c1c1;    
color: #717171;    
}   
.mGrid th {    
padding: 4px 2px;    
color: #fff; 
background-color: #808080;   
/* background: #424242 url(grd_head.png) repeat-x top; */   
border-left: solid 1px #525252;    

color: white;    
19.}   
.mGrid .alt {background: #fcfcfc;}
/*{ background: #fcfcfc url(grd_alt.png) repeat-x top; }*/   
.mGrid .pgr { background: #424242}
/*{ background: #424242 url(grd_pgr.png) repeat-x top; }   */
.mGrid .pgr table
 { 
margin: 5px 0;
border-width: 5px;
border-color:green;
border-style:dotted; 
     }   
.mGrid .pgr td 
{    
border-width: 0;    
padding: 0 6px;    
border-left: solid 1px #666;    
font-weight: bold;    
color: #fff;    
line-height: 12px;    
}      
.mGrid .pgr a { color:red ; text-decoration: none; }   #666
.mGrid .pgr a:hover { color: #000; text-decoration: none; }