/** Created as the base James City County Style Sheet.  This is for all application **/

/** .title { 
	color: #f00; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 16px; 
	line-height: 16px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	}
**/


.key {
	color: #463737; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 9px; 
	line-height: 11px; 
	font-family: Verdana,Lucida Console,Georgia, Times, Arial;
	text-decoration: none;}

input { 
	color: #463737; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 14px; 
	font-family: Verdana,Lucida Console,Georgia, Times, Arial;
	text-decoration: none }

select   { 
	color: #463737; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	line-height: 14px; 
	font-family: Verdana,Georgia, Times, Arial; 
	text-decoration: none }


img {
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none;
	Margin-RIGHT: 8px;
}


body
{	
	font-family: Arial,sans-serif;	
	color: #000000; 
	background-color: #E2DED4;
} 

p  
{ 
	color: #463737; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Verdana,Georgia, Times, Arial; 
	text-decoration: none 
}
	

/** This defines the error messages **/ 
/** Client Side Validation Error Format **/ 
 .msgerror
{
	font-weight: normal;
	background-color :White;
	font-size: 10px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 0px;
	color: red;
	line-height: 120%;
	padding-top: 2px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/********************************************************************************/
/**   This section is used to define the styles for data entry in table format **
*********************************************************************************/
.FieldText
{
    text-align: right;
    font-weight:bold ; 
    font-size: 13px;  
    font-family: Tahoma, "Trebuchet MS", "Times New Roman" ;
    height:12px;
    /** width:200px; */
}

.FieldValue
{
    text-align: left;
    font-size: 13px;  
    font-family: Tahoma, "Trebuchet MS", "Times New Roman" ;
    height:12px;
    width:auto;
}


/************************************************************************************/
/**   This section is used to define the styles for Progress indicator in the AJAX **
*************************************************************************************/
.Progress
{
    FONT-SIZE: 18pt;
    Font-family:Verdana,Georgia, Times, Arial;
    font-weight:bold 
}


/**************************************************************************************/
/**   This section is used to define the styles for the main menu of the application **
***************************************************************************************/
.menuStyle  {
   font-family:Verdana;
	text-decoration:none;
	font-size:10px;
	color:black;
	padding:1px 1px 1px 1px;
	display:block;
	margin:2px 2px 2px  2px ;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.MenuStyletop{
    background-image: url('images/background22.gif');
    background-attachment:left; 
	 background-repeat:repeat-y;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cbc8e7,strength=3);
 	 FILTER: progid:DXIMageTransform.Microsoft.Gradient(GradientType=1,StartCOlorStr='#50FFFF99',endcolorstr='#50FFCC33'); 
    width:auto;
	 color:Black;
	 font-size:10px;
	 border:1px solid #9F7F85;
	 background-color:#FFF7F7;
	 margin:2px;
}

.menuhover {
	border:1px solid #316BC6;
	background-color:#C2CEEF;
	color:black;
   font-family :Verdana ;
   font-size:10px;
	text-decoration:none;
	padding:1px 0px 01px 1px;
	width:98%;
}

.menubackground
{
   BACKGROUND-IMAGE: url(images/bar.jpg);
   width:100%;
}


/********************************************************************/
/**   This section is used to define the styles for NO DATA FOUND  **
*********************************************************************/
 .nodata
 {
	font-size: 16pt; 
	color: black; 
	font-family: Calibri; 
	height:28px;	
 }
 

/*********************************************************************/
/**   This section is used to define the styles for Actual help tip **
**********************************************************************/
#viewer
{
background-color: white;
visibility:hidden;
position:absolute;
left:0;
width:0;
height:0;
z-index:1;
overflow:hidden;
border:0px ridge white
}


/** This is the font to identify that there is a help tip for this item **/
.helpid
{
	border-bottom: 1px dotted #A0522D;
	color: #A0522D;
	font: italic normal;
}


/* This is the div which will hold the tab */
#tagcontainer
{position:absolute; 
top:25px; 
left:50px; 
padding-left:0px ; 
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
border-top-style: none; 
border-right-style: none; 
border-left-style: none;
border-bottom-style:none;
display:none; 
background-color:red; 
color:black; 
z-index:100;
width:100%
}

/* This defines the Iframe --Needed for IE 6 and older */
#Someiframe
{
position:absolute; 
background-color:#F4F878;
top:0px; 
left:0px; 
display:none;
}

/* This is the style to let people know that there is more information about on this text. */
.info {
border-left: 1px;
border-right: 1px;
padding-left:1px;
padding-right:1px;
/* border-bottom: 1px dotted #A0522D;*/
color: #A0522D;
font: italic normal;
}

/* This starts the creation of the tab when the item is hovered over */
.info:hover{
border-left: black 1px solid;
border-right: black 1px solid;
border-bottom:0px;
border-top: #828507 2px solid;
background-color: #F4F878;
padding-left:0px;
padding-right:0px;
cursor:pointer
}

#fldtag {
padding:-2px 2px -2px 2px;
background-color: #F4F878;
}

#fldtag .topleft{
border-left: #828507 1px solid; 
height:0px; 
vertical-align: top; 
font-size:6px
}

#fldtag .topcenter{
border-top: #828507 1px solid; 
width: 100%; 
height:0px;
vertical-align: top;
font-size:1px
}

#fldtag .topright{
border-top: #828507 1px solid; 
border-right: #828507 1px solid; 
height:0px;
vertical-align: top;
font-size:1px
}

#fldtag .midleft{
border-right: #828507 1px solid;
border-left: #828507 1px solid;
font-size:10px;
}

#fldtag .btm{
 border-bottom: #828507 1px solid; 
 border-right: #828507 1px solid;
 border-left: #828507 1px solid;
 height:3px
}




/*********************************************************************/
/**   This section is used to define the bottom style of each page  **
**********************************************************************/
.footer {font-size: .7em; font-family: Verdana, Helvetica, Geneva, Arial; text-align:center; }

#footer
{
   background-repeat: repeat-x; 
   height: 60px; 
   background-image: url(images/bttmfooter.jpg);
	clear:both;
	text-align: center;
	width:98%;
	border-top: 1px #cccccc solid;
	padding: 0px 17px 0px 0px ;
	font-size: 14px;
	color: #ffffff;
	margin: 2px  0px 0px 0px;
}

p.footer {font-size: .7em; font-family: Verdana, Helvetica, Geneva, Arial; text-align:center; }

#content{
	margin: 5px auto;
	/* width:810px; */
	width:90%;
	background-color: #FFF;
	border-right: 2px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
}

#globalNav{
	position:relative;
	/* width: 810px; */
	width:100%;
	height: 32px;
	padding: 0px 0px 0px 0px; 
	margin: 5px 0 0 0;
	/*background-color: #8BB19F;*/
	background-image: url(images/bar.jpg);
	background-repeat: repeat-x;
	background-position: top;
}



/*******************************************************************************/
/**   This section is used to define the styles for FLASH at top of the page  **
********************************************************************************/
#flash{
	float:right;
}
#pageNameTS{
       background-image: url(images/headerNC.jpg);
       background-position:right;
       background-repeat: no-repeat;
     /*  background-position: top; */
       float:right;
       font-size: 24px; 
       font-weight: normal; 
       text-align: right; 
       margin-top:5px;
       /* width: 810px; */
       width:100%;
       height: 100px; 
       border-top: 0px solid #666666;
  }

/******************************************************************************************/
/**   This section is used to define the styles of the background of a modal popup form  **
*******************************************************************************************/
.modalBackground
{
   background-color:LightGoldenrodYellow;
   filter:alpha(opacity=70);
   opacity:0.7;
}

/*********************************************************************/
/**   This section is used to define the styles for pop-up forms    **
/**   Makes it look like a Windows Win form                         **
**********************************************************************/
.WinWindow
{
 background-color: #FAFAD2; 
 border:solid 1px #366763;
}

/* This .css is the layout for the caption bar that runs across the top of the popupwindows */
.popupeditcaption
{
 background-image: url(images/menutopsmall.gif); 
 background-repeat: repeat-x; 
 height: 29px; 
 width:100%; 
}

/* This .css is the layout for edit forms.  This is the Title section */
.popupedittitle
{
   float:left; 
   background-image:url(images/edit.gif); 
   background-repeat:no-repeat; 
   padding-left:26px; 
   padding-top:3px; 
   height:28px; 
   color:white; 
   font-weight:bold;
}   



/***********************************************************************
/* BEGIN: This section is defines the edit popup datagrid for editing */
/********************************************************************** */
 .edit_table{     
      background-color:PaleGoldenrod;
      border-color: Transparent;
      border-width:1px;
      border-style:None;
      font-family:Trebuchet MS;
      font-size:14px;
      font-weight:bold;
      width:100%;
      border-collapse:collapse;
      width:100%
   }

.edit_row
{
  color:Black;
  background-color:PaleGoldenrod;
  font-family:Trebuchet MS;
  font-weight:normal;
}

.edit_footertext
{
	color:Firebrick;
	background-color:#C0C000;
	font-family:Calibri;
	font-size:10pt;
	font-weight:bold;
}

.edit_rowstyle 
{
 background-color:#E7E7FF;
 color:#4A3C8C;
   }
   
.edit_pagerstyle
{
   background-color:#E7E7FF;
   color:#4A3C8C;
   text-align:right ;
}   

.edit_Headerstyle
{
  background-color:#4A3C8C;
  font-weight:bold; 
  color:#F7F7F7;
}

.edit_style{
 background-color:#FAFAD2;
 Color:Black;
 font-family:Trebuchet MS;
}

.watermark
{
    Font-Family: Tahoma, "Trebuchet MS","Times New Roman"; 
    Font-Size :13px;
	font-weight: lighter;
	font-style: italic;
	color: gray;
	font-size:10px;

}

.detailsview 
{
 margin :0 auto;
}