/* ---------------------------------------
      FORM STYLES
---------------------------------------- */
.float-left{
  display: block;
  float: left;
  clear: left;
  Width: 100px;
  margin-bottom: 10px;
  margin: 5px 0;
}
.float-left-input{
  display: block;
  float: left;
  clear: left;
  Width: 25px;
  margin-bottom: 5px;
  margin: 5px 0;
  padding: 2px;
}
.float-left-text{
  display: block;
  float: left;
  Width: 320px;
  margin-bottom: 0px;
  margin: 0px 0;
  margin-top: 10px;
  padding: 2px;
}
.float-left-login{
  display: block;
  float: left;
  width: 90px;
  margin: 0;
  text-align:left;
  margin-right: 10px;
}
.float-left-addedituser{
  display: block;
  float: left;
  width: 135px;
  margin: 0;
  text-align:left;
  margin-right: 0px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}
#headerpopup  {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	text-align:left;
	text-decoration:none;
	width: 375px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	}
#headerpopup h2 {	
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin: 0;
	}
	

/* ---------------------------------------
      INPUT STYLES
---------------------------------------- */	
input.boxsm, textarea.boxsm, select.boxsm {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  margin: 5px 0;
  width: 175px;
}
input.boxsm:focus, textarea.boxsm:focus, select.boxsm:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.boxsm:hover, textarea.boxsm:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}	
input.boxaddedit, textarea.boxaddedit, select.boxaddedit {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  margin: 5px 0;
  width: 100px;
}
input.boxaddedit:focus, textarea.boxaddedit:focus, select.boxaddedit:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
/*input.boxaddedit:hover, textarea.boxaddedit:hover {
  border: 1px dashed #777777;
  background-color: #e8f7cc;
}//removed to keep consistent */
input.boxaddedit2, textarea.boxaddedit2, select.boxaddedit2 {
  font-family: verdana, arial, sans-serif;
  margin: 0;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #cccccc;
  margin: 5px 0;
  width: 100px;
}
input.boxaddedit2:focus, textarea.boxaddedit2:focus, select.boxaddedit2:focus {
  border: 1px solid #999;
  background-color: #ffffe2;
}
input.loginbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-loginnow.gif) no-repeat left top;
  width: 192px;
  height: 40px;
  margin-left: 98px;
}
.loginbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-loginnow.gif) no-repeat left top;
  margin-left: 98px;
}	
input.editbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-edit-yel.gif) no-repeat left top;
  width: 68px;
  height: 31px;
  margin-left: 0;
}
input.viewbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-view.gif) no-repeat left top;
  width: 68px;
  height: 31px;
  margin-left: 0;
}
input.createbutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-create-gry.gif) no-repeat left top;
  width: 68px;
  height: 31px;
  margin-left: 0;
}
input.deletebutton {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/template/button-delete.gif) no-repeat left top;
  width: 68px;
  height: 31px;
  margin-left: 0;
}	

/*----- Manage Users Page Styles ------*/	
#UsersHeader {
	display:block;
	width:600px;
	border:1px solid #999999;
	background-color: #ffffdd;
	}
.UsersTitlesCenter {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:150px;
	float:left;
	text-align:center;
	margin-left: 0px;
	}
.UsersTitlesLeft {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:150px;
	float:left;
	text-align:left;
	margin-left: 0px;
	margin-top: 0;
	}	
.UsersID {
	display:block;
	float: left;
	width: 150px;
	text-align:center;
	margin-bottom: 15px;
	margin-top: 5px;
	}
.UsersTools {
	display:block;
	float: left;
	width: 150px;
	text-align:left;
	margin-top: 5px;
	}	
.UsersType {
	display:block;
	float: left;
	width: 150px;
	margin-top: 5px;
	}	
.UsersBtns {
	display:block;
	float: left;
	width: 150px;
	text-align:center;
	margin-top: 5px;
	}




/*------ FOOTER ------*/		
#footercontainer {
	clear:both;
	width: 839px;
	height: 78px;
	margin: 0;
	margin: 0 auto;/* center the page in Firefox */
	float: left;
	text-align:left;
	margin-bottom: 5px;
	}
#footerimage {
	width: 300px;
	float:left;
	}		
.footertext {
	float:right;
	width: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#999999;
	text-align: right;
	margin-top: 60px;
	padding-bottom: 5px;
	}	
a.footerlink {
	color:#999999;
	text-decoration:none;
	}	
a.footerlink:hover {
	color: #0033CC;
	text-decoration:none;
	border-bottom:1px dashed #006699;
	}
	
/*------------------------------------------------
/* Password Form Styles for Add/Edit User
/*----------------------------------------------*/	
      table.new-user-form td {
        padding: 2px 10px;
      }
      
      table.new-user-form td.rowheading {
        padding: 10px;
        font-size:14px;
        font-weight:bold;
        color:#003555;
        /* border-top: 10px solid #f5f5f5; */
      }
      
      table.new-user-form td.rowheading span {
        font-size: 12px;
        font-weight: normal;
        color: #898989;
      }
      
      div.pw-check {
	  	font-family:Arial, Helvetica, sans-serif;
        height: 16px;
        padding-top: 4px;
        padding-left: 22px;
        font-size: 11px;
		vertical-align: middle;
        background: url('../images/template/pw-tickmark.gif') no-repeat 0px 0px;
      }
      
      div.pw-check-yes {
		font-family:Arial, Helvetica, sans-serif;
        height: 16px;
        padding-top: 4px;
        padding-left: 22px;
        font-size: 11px;
        color: #58a600;
        font-weight: bold;
		vertical-align: middle;
        background: url('../images/template/pw-tickmark.gif') no-repeat 0px -20px;
      }
        
      div.topformerror {
        margin-top: 8px;
        margin-bottom: 2px;
        padding: 0px;
        color: #cc0000;
        background: #ffffff;
      }
      
      div.box table tr td span.formerror {
        display: block;
        padding-left: 3px;
        padding-top: 4px;
        margin-left: 23%;
      }
      
       tr.squestion table tr td span.formerror {
        padding-left: 0;
        padding-top: 0;
        margin-left: 0;
      }
      
      table.new-user-form tr.squestion table td {
        padding: 0;
      }	
/*----- Add/Edit Tools Styles ------*/	
.AddEditToolContainer {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width:250px;
	float:left;
	text-align:left;
	margin-left: 0px;
	}
.AddEditTool {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#333333;
	display:block;
	float: left;
	width: 245px;
	text-align:left;
	margin-top: 5px;
	}
.AddEditAccessTypeContainer {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 350px;
	text-align:left;
	margin-top: 0px;
	}	
.AddEditAccessType {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#333333;
	display:block;
	float: left;
	width: 150px;
	margin-top: 5px;
	} 
	
/*--tool tip class--*/
	.body-css-01 {
		border: 4px solid #ebebeb;
		width: 200px;
		border-top: none;
		background-color: #f8f8f8;
		color: #666666;
		padding: 5px 8px;
		padding-right: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align:left;
		z-index: 9999;
	}

	
	.title-css-01 {
		border: 4px solid #ebebeb;
		border-bottom: none;
		width: auto;
		background: url(../images/tooltip-title.gif) no-repeat right 50%;
		color: #fff;
		padding: 6px 8px;
		padding-right: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		text-align:left;
		z-index: 9999;
	}