/*
  custom infobox for drilldown; the following selectors apply to the pop-up 
  VE infobox after VEMap.ClearInfoBoxStyles is called;
  note that LandUseProject uses different sizes here than Parcel or Zoning
*/
.customInfoBox-previewArea
{
	height: 400px;
	overflow: auto;	
	text-align: left;
	width: 400px;
}

.customInfoBox-previewArea h3
{
    color: #232465;    
	font-size: x-small;
	font-weight: bolder;
	margin-bottom:0px;
    padding: 0 0 5px 0;
}

.customInfoBox-previewArea h4
{
    color: #969696;
    font-size: xx-small;
	font-weight:bold;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
}

.customInfoBox-previewArea a
{
    text-decoration: underline;
}

/*
  swiching to 3D and then back to 2D causes a new IFRAME element to be inserted
  which appears to mask drilldown results; the following modifications to the 
  z-index correct this issue
*/
.customInfoBox-noBeak, .customInfoBox-with-leftBeak, customInfoBox-with-rightBeak
{
    z-index:400;
}

/*
  the following selectors apply to table elements built in 
  LandUseProject.Default.GenerateShapeDescriptionMarkup()
*/
.projectTable
{
    border: 1px solid;
    margin: 5px 0 20px 0;
    padding: 0;
    table-layout: fixed;
    width: 340px;
}

.activeProjectTable
{
    background-color: #F6D1C6; /*#FBEAE5;*/
    border-color: #DF572E; /*#EDA38D; #391409;*/
}

.inactiveProjectTable
{
    background-color: #E3E7FD;
    border-color: #697BF3;
}

td.fieldName
{
    border-bottom: 1px solid;
    border-right: 1px solid;
    padding: 1px 5px 1px 1px;
    text-align: right;
    width: 30%;
}

td.activeProjectFieldName
{
    background-color: #EDA38D;
    border-bottom-color: #E57553;
    border-right-color: #E57553;
    color: #9C3718;
}

td.inactiveProjectFieldName
{
    background-color: #CECFEE; /*#DBDCF3;*/
    border-bottom-color: #9495DA;
    border-right-color: #9495DA;
    color: #5052C2;
}

td.fieldValue
{
    /*background-color: #FFFFFF;*/
    border-bottom: 1px solid;  
    border-right: 1px solid;   
    padding: 1px 1px 1px 5px;
    text-align: left;
    width: 70%;
}

td.activeProjectFieldValue
{
    background-color: #FBEAE5; /*#F6D1C6;*/
    border-bottom-color: #EEAA96; /*#F2BCAC;*/
    border-right-color: #EEAA96; /*#F2BCAC;*/
    color: #40170A;
}

td.inactiveProjectFieldValue
{
    background-color: #F5F5FF;
    border-bottom-color: #CFCFED;
    border-right-color: #CFCFED;
    color: #232465;
}