/* Standard HTML element defintions */
body, p, td, div, textarea, select, input {
  font-family: Verdana, Lucida, sans-serif; 
  color:#333333;
  margin:0px;
  padding:0px;
}

div {
  font-size:0.98em;
}

input, textarea, select {
  border: 1px solid black;
  /* background-color:#87D300; */
  padding:1px;
  margin:1px;
  font-size:1.0em;
}

/* Remove the nasty border around radio and check boxes on IE */
input[type='radio'], input[type='checkbox'] {
	border: none;
}

h1, h2, h3, h4 {
	color: #666666;
	padding-top: 2px;
	margin-bottom:6px;
	margin-top:12px;
}

h1 { font-size:1.35em; }
h2 { font-size:1.25em; }
h3 { font-size:1.15em; }
h4 { font-size:1em;}

.error {
	font-size: small;
	color:red;
	border: 1px dotted #CE0000;
	padding: 6px;
	background-color: #fbf1f1;
	margin-bottom:3px;
}

.formv .error {
	margin-left:10px;
}

.appUpdates {
	position:absolute;
	float:right;
	background-color: #EDEDED;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color: #87D300;
	border: 1px dashed #666666;
	padding:12px;
	visibility: hidden;
}

.hidden {
	visibility: hidden;
}

.visible {
	visibility:visible;
}

img {
	border: none;
}

/*main page container - all sits within*/
#container1{
	width:100%;
	background-color:#FFFFFF;
}

li {
	list-style: square;
}

table {
	/* margin-bottom:5px; */
	/* font-size:x-small; */
	border:none;
	}

a:link {
	color:#009ACF;
	color:#333333;
	text-decoration: none;
	}
a:visited {
	/* color:#333333; */
	text-decoration: none;
}
a:hover {
	color:#87D300;
	text-decoration: underline;
}
a:active {
	/* color:#333333; */
	text-decoration: none;
}

/* Standard Table Formatting */


/* datatable - a nice class - influenced by YUI for formatting data tables or database list type layouts */
.datatable {
	border-collapse:collapse;
	margin:2px 6px;
	padding: 2px;
}

.datatable th, .datatable td {
	border-bottom:#eee solid 1px;
	padding:.25em;
}

/* Nice grey BG color for this is: #696969 */
.datatable th {
	background-color:#c3ce79;
	color:#fff;
}

/* td that holds the action icons */
.iconholder {
   border: none;
   padding-bottom: 8px;
   text-align:right;
}

#midcol .datatable th a {
	color:white;
}

/* Form Element Formatting */
.form_style, .form_container {
	margin-left:2px;
	 border: #CCCCCC solid 1px; 
}

.form_container .error {
	   font-size: small;
}

/* th for form */
.form_style th, .form_container th {
	background-color:#c3ce79;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	height:24px;
	padding:2px;
	width:250px;
	color:white;
}

.form_style td, .form_container td {
	background-color:#fff;
	border:none;
	height:24px;
	padding:2px;
}

.form_style div, .form_container div {
	/* border-bottom:1px solid #AAAAAA; */
	/* background-color: #EFEFEF; */
	/* height:24px; */
	/*padding:2px; */
	font-size:10pt;
}

.form_style .inline, .form_container .inline, .form_container .sec_horz .row {
	display: inline;
	/* float:left; */
}

.sec_horz, .sec_vert {
	border: 1px solid #D1D1D1;
	background-color: #EEEEEE;
	padding:8px;
	/* padding-bottom: 3px; */
	margin-bottom: 3px;
}

.form_container div.row {
  clear: both;
  padding: 5px 0px;
}

.form_container div.row span.label {
	float:left;
	width:25%;
	text-align:right;
	/* vertical-align:top;  */
	padding-right: 4px;
}

/* when the form is in horz mode labels shouldn't float left */
.form_container .sec_horz div.row span.label {
	float:none;
	padding-right: 1px;
}


.form_container div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  /* vertical-align:top;  */
  }

.inputlarge{
	width:300px;
	font-size:x-small;
	}
.inputmedium{
	width:150px;
	font-size:x-small;
	}
 .inputsmall{
	width:50px;
	font-size:x-small;
	}

.noborder {
	border: none;
}

#topnav {
 height:26px;
 width:auto;
 background-color: #FFFFFF;
 color: #666666;
 font-size: 11px;
 text-align:right;
 padding-right:300px;
}

#topnav ul  {
	padding-top:8px;

}

/* table cell that has the image background */
#Header {
 background:#21597C url(../images/banners/green500adminbanner_1.jpg) no-repeat scroll 0%;
 height:79px;
 margin:0pt auto;
 width:100%;
}

/*header
#header{
	vertical-align:top;
	background-color:#000000;

	width:auto;
	height:93px;
}
*/

#header table {
	padding:0;
	}
#header .left {
	text-align:left;
	vertical-align:bottom;
	width:247px;
}
#header .center {
	text-align:left;
	vertical-align:bottom;
	width:100%;
	padding-bottom:10px;
	padding-left:10px;
}
#header .right {
	vertical-align:top;
	width:175px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:x-small;
}
/*header login box*/
#Header #login {
	margin-right:10px;
	padding: 5px;
	margin-right:10px;
	width: 300px;
	/*height: 44px; */
	float: right;
	background-color: #CCCCCC;
	border: 1px solid #21597C;
	}
#Header #login caption {
	font-weight:bold;
	background-color:#CCCCCC;
	padding:5px 10px 5px 10px;
	border: 1px solid #21597C;
	}
#Header #login th {
	font-weight:normal;
	color:#666666;
	background-color:#EDEDED;
	padding: 2px 2px 5px 2px;
	}
#Header #login td {
	padding: 2px 2px 5px 2px;
	background-color:#EDEDED;
	text-align:center;
	}
#Header #login input {
	font-size:x-small;
	font-family:Arial;
	width:115px;
	margin:0px;
	margin-bottom:1px;
	/* height:15px; */
	}
#Header #login .button {
	background-color: #87D300;
	color:white;
	font-size:11px;
	font-weight: bold;
	width: 80px;
	border:none;
	padding: 4px;
	}

#Header #login .button:hover, #Header #login a:hover{
	text-decoration: none;
	color:white;

}
/*table with border*/

.bordercol_1 {
	/* border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px; */
}
.bordercol_2 {
	/* border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
	*/
}
/*leftcol*/
#leftcol{
	background:#FFFFFF url(../images/banners/sidebar-sky.jpg) no-repeat scroll 0%;
	margin:0pt auto;
	width:249px;
	height:668px;
	background-color:#FFFFFF;
	zzborder-left:#CCCCCC solid 1px;
	zzborder-right:#CCCCCC solid 1px;
	zzborder-top:#CCCCCC solid 1px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	}

#leftcol table {
	/* border-top: #87D300 solid 1px; */
}

#leftcol tr {
	height:28px;
}

/*left col navigation buttons - level one */
#leftcol .buttonlevelone {
	/* zbackground-image:url(../images/leveltwo.gif); */
	background-color:#7597BC;
	color:#7597BC;
	/* font-weight:bold; */
	zwidth:220px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:13px;
	padding:5px 3px 3px 10px;
	border:none;
	/* width:200px;*/
	margin:0px 2px 6px 16px;

	}
/*left col navigation buttons - level two */
#leftcol .buttonleveltwo {
	/* zbackground-image:url(../images/leveltwo.gif); */
	color:#444;
	font-weight:bold;
	zwidth:227px;
	font-size:15px;
	padding:5px 2px 2px 10px;
	border:#87D300 solid 1px;
	border-top: none;
	}
/*buttonlinks*/
#leftcol a:link, #leftcol a:visited, #leftcol a:active {
   /* color:#00204E;  matching top banner links of LDA home page */
	color:#FFF;
	text-decoration: none;
}
#leftcol a:hover {
	/* color:#87D300; */
	color: #FFF;
	text-decoration: none;
}

#leftcol .subleveltwo {
	background-color:#ffffff;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#leftcol .subleveltwoactive {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#leftcol .subleveltwo_last {
	background-color:#ffffff;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#leftcol .subleveltwoactive_last {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
}


/* middle column for main content of page*/
#midcol {
	width:98%;
	padding-top:2px;
	margin-left: 8px;
	background-color:#FFFFFF;
	zzborder-top:#CCCCCC solid 1px;
	vertical-align:top;
	}
#midcol .title {
	font-size:14px;
	font-weight:bold;
	padding: 8px 8px 0px 8px;
	zzmargin-bottom:5px;
	}

#midcol p {
	padding: 8px 8px 0px 8px;
	}


#midcol #main_level1 {
	padding: 8px 10px 8px 10px;
	background-color:#EFEFEF;
	border-bottom: #FFFFFF solid 1px;
	}
#midcol #main_level2 {
	padding: 4px 4px 4px 4px;
	/* background-color:#EFEFEF; */
	border-bottom: #FFFFFF solid 1px;
	}

/*main content table formatting*/
/* level 1 tables*/

#midcol #main_level1 th{
	padding: 2px;
	width:175px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level1 td{
	padding: 2px;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level1 caption{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	zborder-right:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	background-color:#779BA1;
	text-align:left;
				}
#midcol #main_level1 .buttonreturn {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 2px 0px;
	border:#6FC8DF solid 1px;
	}
/*level 2 tables*/
#midcol #main_level2 table {
	margin-bottom:5px;
	/* font-size:x-small; */
	position:relative;
	}
#midcol #main_level2 th{
	padding:4px 2px 2px 5px;
	width:175px;
	height:24px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level2 .thsmaller{
	padding: 2px;
	width:100px;
	height:24px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level2 td{
	padding: 2px;
	height:24px;
	/*border-bottom:#AAAAAA solid 1px;*/
	}
#midcol #main_level2 .th_horizontal{
	font-weight:bold;
	background-color:#CCCCCC;
	padding: 2px;
	height:24px;
	border-bottom:#AAAAAA solid 1px;
	}

#iframe_holder legend a:link, #iframe_holder legend a:hover, #iframe_holder legend a:visited {
	color: #FFF;
	text-decoration: none;
}

#midcol #main_level2 .button:hover, #midcol .button:hover {
	text-decoration: none;
}

#midcol #main_level2 caption{
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	text-align:left;
	background-color:#87D300;
	}
/*styles for both levels of midcol tables*/
#midcol th {
	font-weight:bold;
	padding:1px 5px 4px 5px;
	text-align:left;
	}
#midcol td {
	padding:2px 5px 4px 5px;
	text-align:left;
	}

/*midcol table navigation links*/
#midcol a:link {
	color: #009ACF;
	text-decoration: none;
}

#midcol a:visited {
	color: #009ACF;
	text-decoration: none;
}
#midcol a:hover {

	/* color: #009ACF;
	 font-weight:bold; */
	text-decoration: underline;
}
#midcol a:active {
	/* color:#87D300; */
	font-weight:bold;
	text-decoration: none;
}

#midcol #main_level2 .button, #midcol #main_level1 .button, .button, #midcol .button:link, #midcol .button:visited, .selected_button {

	background-color:#c3ce79; 
	
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:3px 8px;
	border:none;
	margin-top:2px;
}

.selected_button, .select_button:link, .select_button:hover, .select_button:link  {
	background-color: #666666;
	color: #FFF;
	text-decoration: none;
}

/*right hand col*/
#rightcol{
	width:165px;
	background-color:#FFFFFF;
	zzborder-left:#CCCCCC solid 1px;
	zzborder-right:#CCCCCC solid 1px;
	zzborder-top:#CCCCCC solid 1px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	margin-left:5px;
	}

#rightcol a {
	color:#009ACF;
	text-decoration:none;
}


#rightcol a:hover {
	color:#87D300;
	text-decoration:none;
}

#rightcol td {
	padding-bottom:20px;
	}
/*right col */
 #rightcol .buttonleveltwo {
	background-image:url(../images/leveltwo_arrowbutton.gif);
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	padding:4px 2px 3px 18px;
	border:#779BA1 solid 1px;
	background-repeat:repeat-x;
	}

#rightcol .buttonlevelthree {
	background-image:url(../images/levelthree_arrowbutton.gif);
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	padding:4px 2px 3px 18px;
	border:#FF9C3B solid 1px;
	background-repeat:repeat-x;
	}
#rightcol .subleveltwo {
	background-color:#ffffff;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#rightcol .subleveltwoactive {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#rightcol .subleveltwo_last {
	background-color:#ffffff;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#rightcol .subleveltwoactive_last {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#footer{
	/* background-image:url(../images/footer.gif); */
	background-repeat:repeat-x;
	padding:5px 5px 5px 5px;
	/* border-top:#FFFFFF 5px solid; */
	clear:both;
	margin-top: 0px;
}
/*footer navigation - in line*/
#footer #BaseNav {
	clear:left;
	list-style:none;
	margin:0;
	font-size:11px;
	color:#FF9C3B;
	text-align:center;
}

#footer #BaseNav li.inline, #topnav li {
	display: inline;
	padding-left: 8px;
	padding-right: 7px;
	border-right: 1px solid #666666;
	}

#footer #BaseNav li.last {
	display: inline;
	padding-left: 8px;
	padding-right: 3px;
	border-right: 0px;
  }
#footer #BaseNav a:link {
	color: #9A9A9A;

	text-decoration: none; }
#footer #BaseNav a:visited {
	color:#9A9A9A;

	text-decoration: none;
}
#footer #BaseNav a:hover {
	color:#87D300;

	text-decoration: none;
}
#footer #BaseNav a:active {
	color:#FFD639;
	text-decoration: none;
}

#logoholder {
	width:100%;
	float:right;
}

#logoholder span {
	/* padding: 0px 10px 0px 10px; */
	margin-left:2%;
	margin-right:0;
}


/* level 1 summarytable*/
#midcol #summarytable  table {
	margin-bottom:5px;
	font-size:x-small;
	}
#midcol #summarytable th{
	padding:4px 5px 4px 5px;
	font-weight:bold;
	zwidth:360px;
	color:#444;
	background-color:#87D300;
	border-bottom:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	}
#midcol #summarytable td{
	padding:4px 5px 4px 5px;
	border-bottom:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	background-color:#E4F1D3;
	}
#midcol #summarytable caption{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	zborder-right:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#000;
	background-color:#87D300;
	text-align:left;
				}
#midcol #summarytable .buttonreturn {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 2px 0px;
	border:#6FC8DF solid 1px;
	}
/*midcol table navigation links*/
#midcol #summarytable a:link {
	color: #444;
	font-weight:bold;
	text-decoration: none; }
#midcol #summarytable a:visited {
	color:#444;
	font-weight:bold;
	text-decoration: none;
}
#midcol #summarytable a:hover {
	color:#444;
	font-weight:bold;
	text-decoration: underline;
}
#midcol #summarytable a:active {
	color:#444;
	font-weight:bold;
	text-decoration: none;
}
/* midcol search filter box */
#midcol #main_level2 #searchfilterbox {
	background: #87D300;
	color: #FFF;
	padding: 5px;
	margin: 5px 0px;
}
#midcol #main_level2 #searchfilterbox div,
#midcol #main_level2 #searchfilterbox a {
	color: #FFF;
}
#midcol #main_level2 #searchfilterbox td {
	vertical-align: top;
	color: #FFF;
}

#midcol #main_level2 .pagingnavbar {
	float: right;
}

#storyboardtext , .storyboardtext{
	color:#3300FF;
	font-style:italic;
	zpadding-top:25px;
	}
.completetext {
	color:#009900;
	font-weight:bold;
	}
.incompletetext {
	color:#FF9900;
	font-weight:bold;
	}

.response {
	border:2px solid #87D300;
	background-color:#E4F1D3;
	/*width:20%;*/
	margin:1em 0 1em 0;
	padding:10px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.responsesuccess {
	padding-left:36px;
	background-image: url(../images/green_tick.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color:#135713;
}

.responsewarning {
	padding-left:36px;
	background-image: url(../images/warning.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color:#c87c26;
}

.responseerror {
	padding-left:36px;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color:#FF0000;
}

.greenB {
	font-weight:bold;
	color:#135713;
}

hr {
	margin:15px;
	padding:0;
	border: none 0;
	border-top: 1px dashed #AAAAAA;/*the border*/
	height: 1px;
}

.quickFormHeading {
	margin:0;
	padding:0 0 0 15px;
}

.quickFormDescription {

}

.hoverterm {
	color: #0a0;
	border-bottom: 1px dashed #0a0;
	cursor: pointer
}