form 
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

}

select,input,textarea, form span
{
    margin-bottom:5px;
}

.guid { color:#0000ff; margin-bottom:5px; display:block; }

input[type="text"],input[type="password"], textarea 
{
	width:350px;
}


form fieldset 
{
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  margin-left:10px;
  width:85%;
  margin-bottom:10px;
}

form fieldset legend 
{
	font-weight:bold;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                     /* be careful with padding, it'll shift the nice offset on top of border     */
}

label
{ 
	display: block;
	font-size:.9em;
	margin:.4em;
	margin-left:0em;
	font-weight:bold;
}

.checkboxWrapper
{
    display:block;   
}

.smallText, .sizeLabel label
{
    font-size:xx-small;
    vertical-align:text-top;
}

.checkboxWrapper
{
    
}

.checkboxWrapper label 
{
    display:inline; 
    vertical-align:text-top;
    font-size:.8em;
}

.checkboxWrapper table
{
    width:100%;
}

input[type="checkbox"]
{
    display:inline;
}

#content input
{
	margin-left:0px;
}

input.smallText
{
	width:50px;
}

/*  Message Panel */
.Message, .ErrorMessage, .WarningMessage
{
	Width:80%;
	PADDING-LEFT: 20px;
	FONT-SIZE: 16px;
	MARGIN: 15px;
	padding-left: 60px;
	PADDING-TOP: 5px;
	HEIGHT: auto;
	min-height:40px;
	BACKGROUND-COLOR: #ffc;
	border: 1px solid #6699aa;
	font-weight:bolder;
	background: #ffc url( ../images/icons/formtick.gif) 10px 5px no-repeat;	
	Overflow:visible;
	display:block;
}

.ErrorMessage
{
	BACKGROUND-COLOR: #F5D7D7;
	background-image: url( ../images/icons/formerror.gif);
	border-color:#ff0000;
}

.WarningMessage
{
	background-color: yellow;
	border-color:#778877;
	background-image: url( ../images/icons/forminfo.gif); 
}


/* TABLES / GRIDS */

/* grid  */

table.grid 
{
	/*border:1px solid #405A80;*/
	background-color:#FFFDED;
}

.grid th 
{
	border-color:#405A80;
    border-bottom:1px solid #354B6B;
    /*border-right:0px solid #354B6B;
    border-top:1px solid #5679AC;
    border-left:1px solid #5679AC;*/
    background-color:silver;
    color:#fff;
    border-collapse:collapse;

}

.grid th a
{
    color:#fff;
}

.grid tbody th, .grid td 
{
	/*text-align:left;*/
    padding:6px;
    border-bottom:1px solid #878787;
}

.grid td
{
    border-left-width:0px;
    border-right-width:0px;
    border-collapse:separate;
}

.grid tbody tr:hover td,
.grid  tr:hover td a,
.grid tr.odd:hover td,
.grid  tr.odd:hover td a 
{
	/*background: teal;
	color: #ffffff;	 */
}

.grid .emph
{
    font-weight:bold;
    width:150px;
}

.messageView
{
    border:1px solid #405A80;
    margin-top:1em;
    padding:1em;
}

/* Column Headers */
.headerstyle {
    background-color:#F0F0F6;
    background-image: url(../images/icons/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 20px;
}  
.headerstyle a{
   text-decoration:none;
    color:black;
   display:block;
}    
.rowstyle{
   background-color: #FFF;
}
.rowstyle td, .alternatingrowstyle td {
   padding: 4px;
}
th.sortascheaderstyle{
    background-image: url(../images/icons/sort_desc.gif);     
    background-color: #ccc;    
    background-repeat: no-repeat;
    background-position: center left;       
}
th.sortdescheaderstyle{
    background-image: url(../images/icons/sort_asc.gif);     
    background-color: #ccc;    
    background-repeat: no-repeat;
    background-position: center left;    
       
}   


/* Bar chart */
.percentBar, .percentBarAlt
{
  background:#0a0; 
  text-align:right;
  float:left;
  height:100%;
  font-size:.8em;
  text-decoration:none;
  /*border-bottom:1px solid #ccc; 
  border-top:1px solid #fff;*/
  position:absolute;
}

.percentContainer
{
    background-color:Orange;
   text-decoration:none;
   position:relative;
}

.percentBarAlt
{
    background-color:Orange;
}

.percentContainerAlt
{
    background:#0a0; 
    
  text-decoration:none;
}

.percentLabel
{
    color:#000;
    font-size:.8em;   
    text-align:right;
}

.optional
{
    color:#662D91;
}