BODY
{
  background-color: white;
  
  color: black;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

A, A:link, A:active
{
  color: #3366CC;
  text-decoration: none;
}

A:visited
{
  color: #4F79CE;
}

A:hover{
  color: #85CE2F;
  text-decoration: underline;
}

H1
{
  margin-top: 0px;
  font-size: 130%;
  color: #9E9D9D;
}


H2
{
  margin-top: 0px;
  margin-bottom: 0.3em;
  font-size: 120%;
  color: #ff7529;
  font-weight: bold;
}


H3
{
  margin-top: 0px;
  font-size: 120%;
  color: #777;
  font-weight: bold;
}

H4
{
  font-size: 100%;
  display: inline;
  padding-right: 0.25em;
  color: #777;
  font-weight: bold;
}

/*
  Flat Button Style
*/


/*
  Common Styles
*/

.addButtonContainer
{
  margin-top: 5px;
}

/*
  G R I D  styles
*/

.Grid
{
  border-top: solid 1px #507AB2;
  border-left: solid 1px #507AB2;
  
  margin-top: 20px;
  
  color: Black;
  
  width: 99%;
}

.Grid .GridHeader A,
.Grid .GridHeader A:link,
.Grid .GridHeader A:hover,
.Grid .GridHeader,
.Grid .GridHeader:hover
{
  color: #777;
  text-align: center;
  font-weight: bold;
}

.Grid .GridHeader A,
.Grid .GridHeader A:visited,
.Grid .GridHeader A:active
{
    text-decoration: underline;
}

.Grid .GridHeader A:hover
{
    text-decoration: none;    
}

.Grid TD,
.Grid TH
{
  border-bottom: solid 1px #507AB2;
  border-right: solid 1px #507AB2;
}

.Grid .GridHeader
{
  background-color: #BCD2ED;
  font-size: 90%;
}

.Grid .DataRow
{
  background-color: #FFFFFF;
}

.Grid .AltDataRow
{
  background-color: #FFFFFF;
}

.Grid .GridPager TABLE TR TD
{
  border: none;    
}

.emptyGrid,
.emptyGrid TR TD
{
  border: none;	
}

.hoverOff
{
  color: Black;
}

.recordsNotFound
{
  color: #297429;
}

TD.actions
{
  width: 7em;  
}

/*
  Inline Grid Styles
*/

.inlineGrid
{
	
}

.inlineGrid .bottomActions
{
  margin-top: 10px;	
}

.inlineGrid .inlineActions
{
  width: auto !important;	
}

.inlineGrid .buttonsSeparator
{
  width: 10px;	
}

.inlineGrid .editPanel
{
  width: auto;	
  padding: 5px;
}

.inlineGrid .editPanel .header
{
  display: block; 
  
  font-size: 110%;
  font-weight: bold;
  
  margin-bottom: 10px;
}

.inlineGrid .editPanel TABLE.controls
{
  width: 100%;	
}

.inlineGrid .editPanel TABLE.controls TD.captionLabel
{
  width: 1%;	
  white-space: nowrap;
}

.woBorders,
.woBorders TR TD
{
  border: none !important;   
}

/*
  Image Vault
*/

.imageVault .Grid
{
    margin-top: 0px;
}

.imageVault .imageControls TR TD 
{
    vertical-align: top;
}

.imageVault .imageControls TR TD TABLE TR TD
{
    vertical-align: middle;
}

.imageVault .imageControls .preview
{
    vertical-align: middle;
    text-align: center;
    
    padding-left: 10px;
}