fieldset
{
    padding: 0px;
    margin: 0px 0px 20px 20px;
    width: 597px;
    border: none;      
}

fieldset table, fieldset tr, fieldset td, fieldset tbody
{
    border: none;
}

fieldset a, fieldset a:visited
{
    color: #7558a8;
    text-decoration: none;
    border-bottom: dotted 1px;
}

fieldset a:hover, fieldset a:active
{
    color: #eb251e;
    text-decoration: none;
    border-bottom: solid 1px;
}

legend 
{
    font-weight: bold;
    line-height: 1.1;
    color: black;
    color: #989898;
    border: none;
    padding: 1px 4px 3px 3px;
    margin: 0 0 5px -10px;
    vertical-align: middle;
}

fieldset p, .callout p
{   
   margin: 0 0 0px 0;   
   padding: 5px 0 0 0px; 
   color: #444;
}


tr fieldset, td fieldset, fieldset tr, fieldset tr
{
    border: none;
}

.field
{
    margin: 0px 0 4px 0;
    background-color:#E0EBEF;     
}

.fieldLabel, .fieldLabelPlain  /* this cannot be just "label" as it will affect <asp:Label> controls too */
{
	
    width:355px;
    
    margin: 0;  
    padding: 3px 0 0 3px;    
    float:left;

    font-weight: normal;
    color: black;
    text-align: left;    
}

.fieldLabelWithList
{
	width:338px;
    
    margin: 0;  
    padding: 3px 0 0 20px;    
    float:left;

    font-weight: normal;
    color: black;
    text-align: left;
}

.fieldLabelWithListPlain
{	
    margin: 0;  
    padding: 3px 0 0 3px;        
    font-weight: normal;
    color: black;
    text-align: left;
}

.fieldLabelPlain
{
    border: none;
}

.hint
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
	display: none;
	position: absolute;
	width: 250px;
	margin-top: -4px;
	border: 1px solid #ec8a1d;
	padding: 5px 6px;	

	background-color: #ffc;
}

/*---------------------------------- login control ---------------------------------*/

.loginArea .fieldLabel, .loginField .fieldLabelPlain
{
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	width:135px;
}

.loginArea fieldset
{
	width: 275px;
}

.loginArea input
{
	width: 100px;
	padding:0;
	margin-top:4px;
}

.logArea
{
	margin: 0px 0 4px 0;
	
	
}
/* ---------------------------------- input controls  ---------------------------------- */

.field input
{
	width: 225px;
}
.field .dropDown
{
	width: 230px;
	font-family:Arial, Halvetica, Sans-Serif;
	font-size:1em;
}

td .textbox
{
    font-size: 1.2em;    
}

.textbox, .textboxShort, .userName, .password, .email, .comment
{
    width: 180px;
    padding: 3px 5px 3px 3px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: left;
}

.textboxShort
{
    width: 66px;
}

.textarea
{
	width: 225px;
	height: 75px;
	font-family:Arial, Halvetica, Sans-Serif;
	font-size:1em;
}

.userName, .password, .email, .comment
{
    padding: 2px 5px 3px 19px;
    width: 164px;
}

.userName
{
   background-image: url(images/cmd/user2_16x16.gif);    
}

.password
{
    background-image: url(images/cmd/lock_16x16.gif);
}

.email
{
    background-image: url(images/cmd/mail1_16x16.gif);
}

.comment
{
    background-image: url(images/cmd/comment3_16x16.gif);
}

.userName:focus, .userName:hover, .textbox:focus, .textbox:hover, .password:focus, .password:hover
{
    /*background-color: #E6E6E6;*/
}

.combo
{
    padding: 0;
    margin: 2px 0 2px 0;
    width: 210px;   
    line-height: 120%;
    height: 21px;     
    vertical-align: middle; 
}

.checkbox, .paddedLabel
{
   margin: 0 0px 5px 0px;
   padding: 0 0 0px 0px;
}


/* ----------------------------- buttons ---------------------------------------- */
.loginField .button_div
{
	margin-left:135px;
	padding:0px 0px 0px 0px;
}
.button_div 
{    
    margin: 0;
    padding:5px 3px 3px 0px;
    background-color: white;
}



.button, .imageButton
{
    /* button style to match navigation tabs */
    color: #777;
    background-color: #E0E0E0;
    font-weight: bold;
    cursor: hand;
    font-family: Verdana, Sans-Serif;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left;
}

/*.imageButton
{
    padding-left: 10px;
}*/

.button:hover, .imageButton:hover
{
   background-color: #9C9EA8;
   color: white;
}

.newButton
{
    background-image: url(images/cmd/report3_(add)_16x16.gif);    
}

.cancelButton
{
    background-image: url(images/cmd/undo1_16x16.gif);
}

.saveButton
{
    background-image: url(images/cmd/save_16x16.gif);
    padding-left: 16px;
}

.deleteButton
{
    background-image: url(images/cmd/user2_(delete)_16x16.gif);
}  
    
.chartButton
{
    background-image: url(images/cmd/chart_bar.png);
}    
    
.editUserButton
{
   background-image: url(images/cmd/user2_(edit)_16x16.gif);
}
    
.addUserButton
{
   background-image: url(images/cmd/user2_(add)_16x16.gif);
}

.unlockUserButton
{
   background-image: url(images/cmd/user_unlock_16x16.gif);
}

    
/*--------------------------- */