form {
/*	clear: both;*/
	font-size: 11px;
}
div#content form {
	background: #24314b;
	padding: 8px 0px 0px;
}
form fieldset {
	border: none;
	border-bottom: 1px solid #050C29;
	padding: 20px 20px 10px;
	margin: 10px 0;
	position: relative;
}
form fieldset fieldset {
	padding: 0px;
	margin: 20px 0 0 0;
	border: none;
	float: left;
}
form fieldset > fieldset {
	margin-top: 0px;
}
form legend {
	font-size: 18px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}
form label {
	clear: both;
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	margin: 3px 0px 6px 10px;
	padding-right: 6px;
	color: #fff;
}
form label.labelcheckbox, form label.labelradio {
	display: block;
	line-height: 18px;	
	text-align: left;
	font-weight: normal;
	width: 300px;
	margin: 0 0 0 220px;
}
form input, form select, form textarea {
	width: 250px;
	margin: 2px 110px 8px 2px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #3c3c3c;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #606265;
	border-right: 1px solid #B6B8BA;
	border-left: 1px solid #A2A5A7;
}
form textarea {
	width: 450px;
	margin-right: 0px;
}
form label.error {
	background: url(../images/icon-error.png) right center no-repeat;
}
form input.small, form select.small {
	margin-right: 180px;
	width: 120px;
}
form input.xsmall, form select.xsmall {
	width: 50px;
	margin-right: 200px;
}
form input.xxsmall {
	width: 20px;
}
form input.callout {
	font-size: 1.3em;
}
form input.inputreadonly {
	color: #666;
	background-color: #dadada;
}
form input.inputcheckbox, form input.inputradio {
	margin: 0 5px 0 0;
	display: inline;
	width: 16px;
	border: none;
}
form input.inputsubmit, form button.inputsubmit {
	margin: 40px 0 0 460px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	padding: 5px;
	width: auto !important;
	background: #eee;
}
form select.date {
	width: 60px;
	margin: 2px;
}
form select.date-year {
	width: 70px;
	margin: 2px;
}
form small, form span.error {
	color: #BFDCFF;
	display: block;
	font-size: 10px;
	line-height: 12px;
	margin: 0px 40px 5px 216px;
	padding: 0px 4px 2px;
	width: 255px;
}
form span.error {
	font-size: 0.9em;
	color: red;
}
form span.fieldnote {
	font-size: 11px;
	position: relative;
	left: -104px;
}
form span.fieldnote.small {
	left: -174px;
}
form span.noneditable {
	width: 400px;
	margin: 3px 0 6px;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 0 0 3px;
}
form span.noneditable.small {
	width: 120px;
}
form span.noneditable a {
	font-weight: normal;
	padding-left: 30px;
}
form p {
	margin: 0 0 5px 40px;
}
form img {
	border: none;
}
form img.help {
	padding: 0;
	margin: 0;
	position: absolute;
	top: -5px;
	right: 0px;
}
form div.controls {
	position: static;
	width: 100%;
	margin-top: 10px;
}
form div.controls button, form div.controls a button {
	padding: 2px;
	text-decoration: none;
}
form div.controls input.inputsubmit {
	margin: 0 0 10px 0;
	padding: 2px;
	width: auto;
}
form div.controls .primary {
	float: right;
	width: 47%;
	text-align: right;
}
form div.controls .primary button {
	margin: 0;
}
form div.controls .secondary {
	float: left;
	width: 47%;
}
form div.controls .secondary a{
	border: none;
	text-align: left;
	width: 250px;
}
form div.controls button.disabled {
	color: #aaa;
}

/* info bar */
form div.info {
	width: 722px;
	font-size: 12px;
	margin-bottom: 0 0 10px 0;
	padding: 8px 8px 8px 30px;
	background: #6c8eb4 url(../images/icon-forminfo.png) no-repeat 4px center;
	text-align: center;
}
.dialog form div.info {
	width: 90%;
	border: 1px solid red;
}

/* field groups */
div.fieldgroup {
	float: left;
	margin-right: 40px;
}
div.fieldgroup input, div.fieldgroup select,
div.fieldgroup span.noneditable  {
	margin-right: 2px;
}
div.fieldgroup label.labelcheckbox {
	margin-left: 0px;
	float: none;
	display: inline;
	position: relative;
	top: -7px;
}

/* login form */
div#header form {
	text-align: right;
}
div#header form label {
	display: inline;
	clear: none;
	float: none;
}
body.tall div#header form label {
	clear: both;
	display: block;
	float: left;
}
div#header form input {
	margin: 2px;
	height: 12px;
	width: 150px;
	padding: 1px;
	font-size: 11px;
}
div#header form div.submit {
	display: inline;
}
div#header form label {
	width: 113px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#header form label.labelcheckbox {
	margin-left: 170px;
}
div#header form p {
	margin: 0 4px 0 0;
	padding: 0;
	text-align: right;
	font-size: 100%;
}
div#header form button.inputsubmit {
	margin: 0px 4px;
	background: #eee url(../images/button-bg-small.png) repeat-x scroll left center;
	border: 1px solid #6f6f6f;
	padding: 2px;
	font-size: 11px;
	height: 18px;
	line-height: 12px;
}

/* date picker */
input.date-pick {
	background: #fff url(../images/calendar.png) no-repeat right 1px; 
	cursor: pointer;
}
a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;

	position: relative;
	left: -104px;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* hidden form elements */
span.hidden {
	display: none;
}

/* forms in ajaxy dialogs */
div.dialog label, div.dialog form input, div.dialog form select {
	color: #3c3c3c;
	margin-right: 0px;
	margin-left: 0px;
	width: 160px;
}
div.dialog form input.small {
	margin-right: 100px;
}
div.dialog form div.fieldgroup input.small {
	margin-right: 2px;
}
div.dialog form div.fieldgroup {
	margin-right: 0px;
}
div.dialog fieldset {
	border: none;
}
div.dialog fieldset legend {
	color: #3c3c3c;
}
div.dialog form small {
	color: #555;
	margin-left: 155px;
}
div.dialog form div.controls {
	clear: both;
/*	margin: 10px 0 10px 300px;*/
	text-align: right;
}
div.dialog form div.dialogcolumn {
	width: 220px;
	margin-right: 10px;
	float: left;
}
div.dialog form div.dialogcolumn h2 {
	padding: 0;
	margin: 0;
}
div.dialog form div.dialogcolumn a {
	padding-right: 6px;
}

/* search forms */
form.hasresults p em {
	color: #BAE0FB;
}
form.hasresults fieldset, form.hasresults div.controls {
	display: none;
}

/* objectives page control */
form table#objectives {
	margin-left: 115px;
}
form table#objectives input.inputbutton {
	width: 28px;
	margin-right: 5px;
}
form table#objectives select {
	margin-right: 5px;
}

/* forms in tabpanels */
div.tabcontent form label.labelcheckbox,
div.tabcontent form label.labelradio {
	margin-left: 50px;
}
div.tabcontent form small {
	margin-left: 46px;
}
div.tabpanel div.tabcontainer form div.info {
	margin-left: 40px;
	float: none;
	text-align: left;
	width: 85%;
}
/* autocomplete plugin */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
	color: black;
}

.ac_loading {
	background : Window url('/assets/images/autocomplete-busy.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: #fff;
}


/* personality profile */
form#ppform input {
	margin: 0px 6px;
	width: auto;
}
li.ppform {
	font-size: 120%;
	margin-bottom: 25px;
	margin-left: 10px;
}


form input.inlinelabel,
form textarea.inlinelabel {
	color: #aaa;
}


/* datepicker */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}