/* CSS Document */

/* .form.css */

/* Start Error Formatting */
ul.errorList, ul.error {color:#ff0000; border:1px solid #ff0000; padding:10px; background-color:#FFE6E6; margin:10px 0 15px 0; list-style-type:none}
/* End errorlist formatting */


.form * {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%
}

.form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 750px;
  border-color: #000000;
}

.form fieldset {
border-width:1px 0 0 0 ;
border-style:solid;
border-color:#ccc;
height: expression('1%');
margin-bottom:1.5em;
}

.form fieldset legend {
	color:#80BCDD;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	padding:0 10px 10px 10px;
	background-color:transparent;

}

/* Start NOTES */
/* Form notes appear on right hand side of form */

.form div.notes {
	float: right;
	width: 300px;
	height: auto;
	margin: 0 0 5px 10px;
	padding: 10px;
	border: 1px solid #7F9DB9;
	background-color: #EFFAFF;
	color: #666666;
	font-size: 88%;
	display:inline;
	background-image: url(/cognition/images/icons/info.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.form div.notes h4 {
  border-bottom:1px solid #ccc;
  color: #666666;
  font-size: 110%;
  margin:0 0 .5em 0;
  padding:0 0 .2em 0;
  text-indent:15px;
}

.form div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.form div.notes dt {font-weight:bold;}
.form div.notes dd {margin-bottom:7px;}

/* End NOTES */


/* Start element layout */
/* Elements and labels are wrapped in a parent div */

.form div {
  clear: left;
  display: block;
  width: 354px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
  position:relative
}

.form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 10px 0;
  text-align: right;
  display:inline
}

/* labels for checkboxes and radio buttons */
.form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}
.form div label.labelCheckbox{
  width: 130px;
  position:relative;
}
.form div label.labelCheckbox input {position:absolute; right:-15px; top:3px;}

.form div label.labelCheckbox input,
.form div label.labelRadio input
{
  display: inline;
  height: 15px;
  width: 15px;
  margin:0;
  border:none;
}

.form div.required label em {position:absolute; top:0; right:0; color:#f00}

/* End Element Layout */

/* Start Element Formatting */

.form div .tiny {width:44px;}
.form div .short {width:75px;}
.form div .medium {width:150px;}
.form div .long {width:250px;}
.form div .longest {width:350px;}


.form div input,
.form div textarea {
  width: 196px;
  border:1px solid #7F9DB9;
  padding:3px 2px
}
.form div textarea{height:150px;}
.form div select{
	width:202px;
	border:1px solid #7F9DB9;
}
.form div input:focus, .form div textarea:focus, .form div select:focus {background-color:#FFFFCC}

/* End Element Formatting */


/* Start Element Note Formatting */
.form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 0;
  font-size: 88%;
  height: expression('1%');
}
/* end element note formatting */

/* Start button formatting */

.form #buttons {border-top:1px dotted #ddd; width:610px; padding:10px 0 0 140px; clear:both; float:none; margin-top:10px;}
.form #buttons input {width:auto; font-size:120%; padding:2px 5px;}

.form #buttons input.submit {margin-right:10px;}
.form #buttons input.cancel {}

.form #buttons input.submit:hover {background-color:#009900; color:#fff;}
.form #buttons input.cancel:hover {background-color:#CC3300; color:#fff;}
/* End button formatting */




/* start nested fieldset formatting */

.form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #7F9DB9;
  margin: 0px 0px 10px 140px;
  padding: 0 10px 10px 10px;
  width:180px
}

.form div fieldset label {text-align:left; padding:0; margin-bottom:7px; width:100%}


.form div fieldset label.labelCheckbox,
.form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  padding:0 0 0 20px;
  position:relative;
  width:161px;
}

.form div fieldset label.labelCheckbox input,
.form div fieldset label.labelRadio input{
  position:absolute;
  left:0;
  top:0;

}
/* dam you .net controls */
.form div fieldset span.labelCheckbox *{line-height:14px;}
.form div fieldset span.labelCheckbox input {
	width:auto;
	padding:0;
	margin:0 5px 0 0;
	border:none;
	height: 15px;
	width: 15px;
	float:left;
	clear:left;
}
.form div fieldset span.labelCheckbox label {
	width:auto;
	float:left;
}

.form div fieldset select {
	width:180px;
	margin-top:3px;
}

/* end nested fieldset formatting */


.advanced-toggle {clear:both;}
.advanced-toggle a {
	padding-left:19px;
	line-height:16px;
	background: url(/cognition/images/icons/advanced-up.png) no-repeat left top;
	display:block;
	height:16px;
}
.advanced-toggle a.inactive {
	background: url(/cognition/images/icons/advanced-up.png) no-repeat left top;
}
.advanced-toggle a.active {
	background: url(/cognition/images/icons/advanced-down.png) no-repeat left top;
	margin-bottom:1.5em;
}



/* radEditor Overides */
.form div.rad-editor { clear:left; width:360px;  padding-top:5px; border-top:1px dashed #ddd;}
.form div.rad-editor label {
	float:none;
	text-align:left;
	color:#80BCDD;
	font-size:11px;
	text-align:left;
	font-weight:bold;
}
.form .RadEWrapper *{width:auto; height:auto;}
.form .RadEWrapper div {margin:0; padding:0;}