table.silver, table.green, table.purple {
   width: 98%;
   margin: 15px 0px;
   border-collapse: collapse;
   background-color: #ffffff;
}

table.silver tr th, table.green tr th, table.purple tr th {
   padding: 5px;  
   font-weight: bold;
}

table.silver tr th { 
   background: #fafafa url('../im/vistaGray.gif') repeat-x left center;
   color: #000000;   
   border: 1px solid #cccccc;
}

table.silver td {
   padding: 0px;
   border: 1px solid #cccccc;
}

table.green tr th {
   background: #87a10e url('../im/vistaDefault.gif') repeat-x left center;
   color: #ffffff;
   border: 1px solid #2a4000;
}

th.red {
   background: #c6281f url('../im/vred.gif') repeat-x left center;  
   color: #ffffff;
   border: 1px solid #8a170f;
}

table.green td {
   padding: 0px;
   border: 1px solid #2a4000;
}

table.purple tr th {
   background: transparent url('../im/footer-p.jpg') repeat-x 0 center;
   color: #ffffff;
   border: 1px solid #660099;
}

table.purple td {
   padding: 0px;
   border: 1px solid #660099;
}

/* BEGIN: GridView Styles */
/* Grid Wrapper */
.grid-wrap{
   background-color: #fff;
   border: 2px solid #553d8f;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
   width: 99%;
   margin: 0px auto;
}
/* Grid Titlebar */
.grid-wrap .titlebar {
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   background: #8064be repeat-x left center;
	background-image: url(../im/purpleGradient.jpg);
   height: 30px;
   line-height: 30px;
   padding: 0px 5px;
   color: #ffffff;
   font-size: 15px;
   font-weight: bold;
}
.grid-wrap .dt{ width: 100%}
/* grid headers */
.grid-wrap .dt .header TH {
   background: url(../im/header-bg.png);
   border-top: 1px solid #7F7F7F;
   height: 24px;
   line-height: 24px;
   padding-left: 6px;
   color: #666666;
   text-align: left;
   border-left: solid 1px #75736E;
   border-bottom: solid 1px #75736E;
}
.grid-wrap .dt .header TH {font-weight: bold;}
.grid-wrap .dt .header TH a { color: #000000; }
/* data items */
.grid-wrap .dt .item TD, .grid-wrap .dt .altitem TD {
   padding: 5px 0px 5px 6px;
   color: #666666;
   border-bottom: solid 1px #d4d0c8;
}
.grid-wrap .dt .altitem TD { background-color: #f7f7f7; } /* #f9f9f9 - changed bc it does not show in vm */
/* data item links */
.grid-wrap .dt .item TD a, .grid-wrap .dt .altitem TD a { color: Red; }
/* pager */
.grid-wrap .dt .datapager {
   width: 100%;
   background: url(../im/header-bg.png);
   border-top: solid 1px #7f7f7f;
}
.grid-wrap .dt .datapager TD {
   height: 25px;
   color: #666666;
}
/* END: GridView Styles */

/* BEGIN: ListView Styles */
/* ListView Wrapper */
.lv-wrap {
   background-color: #fff;
   border: 2px solid #553d8f;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
   width: 99%;
   margin: 0px auto;
}
/* Grid Titlebar */
.lv-wrap .titlebar, .page-title {
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   background: #2e4978 repeat-x left center;
	background-image: url(../im/purpleGradient.jpg);
   height: 30px;
   line-height: 30px;
   padding: 0px 5px;
   color: #ffffff;
   font-size: 15px;
   font-weight: bold;
}
.lv-wrap .titlebar span.red {
   font-size: 15px;
}
.lv-wrap .dt { width: 100%; }
/* grid headers */
.lv-wrap .dt .header TH {
   background: url(../im/sprite.png) repeat-x 0px 0px;
   border-color: #989898 #cbcbcb #989898 #989898;
   border-style: solid solid solid none;
   border-width: 1px 1px 1px medium;
   color: #000;
   padding: 4px 5px 4px 10px;
   vertical-align: bottom;
   text-align: left;
}
.lv-wrap .dt .header TH {font-weight: bold;}
.lv-wrap .dt .header TH a { color: #000000; }
.lv-wrap .dt .header TH a {
   color: #333333;
   font-weight: bold;
   text-decoration: none;
   display: block;
   padding-right: 10px;
}
/* data rows */
.lv-wrap .dt .row { background-color: #ffffff; }
.lv-wrap .dt .altrow { background-color: #f7f7f7; }
.lv-wrap .dt .altrow TD { background-color: #f7f7f7; } /* #f9f9f9 - changed bc it does not show in vm */
.lv-wrap .dt .overrow { background-color: #fbfec2; border: 1px solid #f9dd27; }
/* data items */
.lv-wrap .dt .row TD, .lv-wrap .dt .altrow TD, .lv-wrap .dt .row TD.insert, .lv-wrap .dt .altrow TD.insert {
   padding: 5px 0px 5px 6px;
   color: #666666;
   border-bottom: solid 1px #d4d0c8;
}
.lv-wrap .dt .row TD.insert, .lv-wrap .dt .altrow TD.insert  {padding: 5px;}
/* data item links */
.lv-wrap .dt .row TD a, .lv-wrap .dt .altrow TD a { color: Red; }
/* pager */
.lv-wrap .dt .pager { height: 35px; background: url(../im/pager_bg.gif) repeat-x; }
.lv-wrap .dt .pager .p-container { padding: 4px; }
.lv-wrap .dt .pager .p-command { float: left; padding-right: 5px; }
.lv-wrap .dt .pager .p-info { font-size: 12px; padding: 4px 10px 4px 0px; float: right; }
/* END: ListView Styles */


/* BEGIN: File Type Icon styles */
td.file-type a {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

/*
	Adding Icons
	
	You can add icons to the file types by adding
	classes to the respective anchor element(s)
*/
td.file-type a.gif { background-image: url(../../../assets/im/fileType/gif.gif)}
td.file-type a.jpg, td.file-type a.jpeg, td.file-type a.jpe { background-image: url(../../../assets/im/fileType/jpg.gif)}
td.file-type a.pdf { background-image: url(../../../assets/im/fileType/pdf.gif)}
td.file-type a.png { background-image: url(../../../assets/im/fileType/png.gif)}
/* END: File Type Icon styles */