/* new or updated styles for version 3 */

.maintable input.textelement { width: 350px; }
.maintable input.fileuploadname { width: 125px; }
.maintable textarea { width: 350px; }
.listtable input.textelement { width: 125px; }
.listtable select { width: 125px; }
.listnumber { text-align: right; }
.detailnumber { text-align: right; }
.currency { text-align: right; }

.formchoiceinput { display: inline; }
.formchoicelabel { display: inline; }

.taskmain {  width: 500px; text-align: left; padding: 15px; margin-left: auto; margin-right: auto; }
.tasktitle  { color: #244053; font-size: 16px; font-family: Arial; font-weight: bold;}
.steptitle  { color: #244053; font-size: 12px; font-family: Arial; font-weight: bold;}
.steperrormessage {color: red; font-weight: bold; }
.stepsuccessmessage {color: green; font-weight: bold; }
.stepui { margin-top: 10px; margin-bottom: 10px; }
.shorthelp  { margin-bottom: 10px; }
.nextsteps { margin-left: 30px; margin-top: 10px; }
.nextstep { margin-bottom: 30px; }
.nextstepimage { float: left; margin-right: 10px; margin-bottom: 10px; border: 0px; }
.nextstepimagediv { }
.nextstepimage { }
.nextsteptext { }
.nextsteptitle { font-weight: bold; }
.nextsteplink { }
.nextstepdescription { }
.nextstepinput { }

.stretchListClicked { background-color: #ffffcc; }
/*temp manual styles   commented out for adam's testing/development
.manualtitle { color: red; font-size: 16px; font-family: Arial; font-weight: bold }
.shortdesc { color: pink; font-size: 12px; font-family: Arial; font-weight: bold }
.shorthelp { color: orange; font-size: 12px; font-family: Arial; }
.propertyTableTitle { font-weight: bold; font-style: italic; }
*/


/*adam's new test styles   F3FAFF  EEF8FF   73A5C8  1B3A4D    */
.documentation_base {
        color: #1B3A4D;
}
.procedural_help {
        width: 500px;
        background-color: #F3FAFF;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px 0px 0px 0px;
        border: 1px solid #1B3A4D;
}
.procedural_help h3 {
        color: #F3FAFF;   /* the blue from the menu  */
        background: #73A5C8;
        text-align: left;
        margin: 0px;
        padding: 3px;
}
.procedural_help p {
        margin: 0px 0px 0px 0px;
        padding: 12px 12px 0px 12px;
}
.procedural_help ol {
        margin: 12px 12px 10px 0px;
        padding: 7px 10px 4px 42px;
}
.procedural_help li {
        margin-bottom: 6px;
}
.procedural_help ul {
        list-style: disc;
        margin: 0px;
        padding: 17px 23px 12px 37px;
}
.glossary_help {
        width: 500px;
        background-color: #F3FAFF;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px 10px 0px 10px;
        border: 1px solid #1B3A4D;
}

/* styles for jquery datePicker UI */
table.jCalendar {
	border: 1px solid #000;
	background: #bbb;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0 auto;
    font-size: 10px;
}
table.jCalendar th {
	background: #244053;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #999;
	color: #fff;
}
table.jCalendar td.selected {
	background: #244053;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #83C5E6;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #CDE2F3;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #ddd;
	color: #888;
}
div.dp-popup {
	position: relative;
	background: #83C5E6;
	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;
	color: #244053;
}
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: #244053;
	text-decoration: none;
	padding: 1px 3px;
	margin: 0 1px;
	display: block;
	background: #83C5E6;
}
div.dp-popup a:hover {
	background: #CDE2F3;
}
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 th {
	cursor: default;
}
div.dp-popup td.disabled {
	cursor: default;
}
div.dp-calendar {
	text-align: center;
}
a.dp-calendar_link, a.dp-calendar_link img {
	border: none;
	outline: none;
	display: block;
}
a.dp-calendar_link img {
	padding-top: 4px;
}
/* end styles for jquery datePicker UI */
