/*   ==================================================  */
	/*     			Non-customizable styles         		
					
			These styles should do things like layout for 
			features, or anything else global in nature, but
			not the kinds of things exposed to the users such
			as font colors and link styling.

 */ /*   ==================================================  */
	/*   --------------------------------------------------  */
	/*              Form Builder	                         */
	/*   --------------------------------------------------  */
.feature-formbuilder-body {
	padding: 5px;
	float: left;
	width: 100%;
}

.feature-formbuilder-instructions {
	float: left;
	margin-right: 10px;
}

.feature-formbuilder-input {
	float: left;
	margin-left: 5px;
	width: 90%;
}

.feature-formbuilder-label {
	float: left;
	width: 20%;
	margin-right: 10px;
	text-align: right;
}

.feature-formbuilder-label-above {
	text-align: left;
	width: 100%;
}

.feature-formbuilder-req-indicator {
	color: red;
}

.feature-formbuilder-req-indicator-text {
	margin-left: 400px;
}

.feature-formbuilder-editfield {
	float: left;
	margin-right: 10px;
	font-size: 11px;
}

.feature-formbuilder-fields-col {
	width: 65%;
	float: left;
}

.feature-formbuilder-fields-col-below {
	clear: left;
}

.feature-formbuilder-fields-hr {
	margin-right: 10px;
}

.feature-formbuilder-submit {
	margin-left: 210px;
}

.feature-formbuilder-row {
	float: left;
	clear: left;
	margin-top: 7px;
	width: 100%;
}

.feature-formbuilder-row-admin {
	margin-bottom: 20px;
}

.feature-formbuilder-options-col {
	width: 350px;
	float: left;
}

.feature-formbuilder-error {
	color: red;
	margin-left: 7px;
}

.feature-formbuilder-group-label {
	margin-right: 10px; 
	text-align: left; 
	float: left; 
	width: 100%; 
	font-weight: bold;
}

.feature-formbuilder-group-header {
	font-weight: bold;
}

.feature-formbuilder-surveyquestion {
}

.feature-formbuilder-surveyquestion-response {
}

.feature-formbuilder-surveyquestion-response-cell {
	width: 25px;
	display: inline-block;
	text-align: center;
}

.feature-formbuilder-surveyquestion-admincontrols {
	display: inline-block;
}

.feature-formbuilder-error, .recaptchatable .feature-formbuilder-error {
	color:red;	
	margin-left:7px;
}

input.invalid,
textarea.invalid {
	background: #f8f9b2;
}



/*   --------------------------------------------------  */
	/*              GSS MISSIONS		                         */
	/*   --------------------------------------------------  */
.feature-gssmission-listtable {
	width: 100%;
}

.feature-gssmission-listtable td,
.feature-gssmission-listtable th {
	text-align: left;
}

.feature-gssmission-listtable td {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 2px solid grey;
}

.feature-gssmission-listtable th {
	background-color: lightgrey;
}

td.feature-gssmission-actioncol,th.feature-gssmission-actioncol {
	text-align: right;
}

/* 
	DHTML MultiLevel Menu Styles
		These styles are the ones used in the ehkey demo
		of a robust, modern dhtml menu.
*/
ul.nav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-right: 1px solid #231E3D;
	float: left;
}

ul.nav li {
	float: left;
	font-size: 16px;
}

ul.nav a {
	border: 1px solid #231E3D;
	border-right: none;
	padding: 5px 15px 5px 15px;
	background-color: #7D7A7B;
	text-decoration: none;
	display: block;
	width: 7.9em;
	text-align: center;
	font-weight: bold;
}

ul.nav a:link,ul.nav a:visited,ul.nav a:active {
	color: #110F1E;
}

ul.nav a:hover {
	color: #D9D2FF;
}

ul.subPages {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
	z-index: 500;
}

ul.subPages a {
	border: 1px solid #231E3D;
	border-top: none;
	float: none;
	background-color: #aDaAaB;
}

ul.subPages li {
	float: none;
}

/*
	Search
*/
.search {
	text-align: center;
}

.searchForm {
	height: 250px;
}

.searchToggle {
	font-weight: bold;
	text-decoration: none;
}

.simpleSearchForm {
	padding-top: 30px;
}

.simpleSearchForm .row {
	
}

.simpleSearchForm a {
	font-weight: bold;
}

.advancedSearchForm {
	padding-top: 20px;
	float: left;
}

.advancedSearchForm .instructions {
	font-size: 1.2em;
	font-weight: bold;
}

.advancedSearchForm .row {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.advancedSearchForm .label {
	float: left;
	width: 45%;
	margin-right: 10px;
	text-align: right;
	clear: left;
}

.advancedSearchForm .input {
	width: 50%;
	float: left;
	text-align: left;
}

.advancedSearchForm .updateButton,.advancedSearchForm .validateButton {
	
}

.searchResults {
	width: 100%;
	float: left;
}

.searchResults td,th {
	padding: 5px;
}

.searchResults caption {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

.tableRowOdd {
	background-color: #eeeeee;
}

.tableRowEven {
	
}

/*  GENERAL PURPOSE */
.adminAlertMessage {
	font-style: italic;
	color: red;
}

.boldText {
	font-weight: bold;
}

/* STYLES FOR DOING CSS FORMS */

.formInputRow .label {
	width: 230px;
	float: left;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: left;
}


.readyportalForm {
	font-size: 1em;
}

.formInputRow {
	margin-bottom: 5px;
}

.loginCheckBoxLabel {
	font-weight: bold;
}

.loginCheckBox {
	margin-left: 222px;
}

.formButton {
	margin-left: 500px;
	font-weight: bold;
}

.clear {  
          width: 100%;  
          height: 1px;  
          margin: 0 0 -1px;  
          clear: both;  
}
#docCheckLoginForm #docCheckIframe{
    width:100%;
    text-align:center;
}

/*   --------------------------------------------------  */
/*              Feature Control                          */
/*   --------------------------------------------------  */
td.feature-control-disabled a:link.feature-control-disabled{
	color: white;
	font-weight: bold;	
}

li.feature-control-disabled a{
	color: gray;
	font-weight: normal;
}


/*   --------------------------------------------------  */
/*              Sitemap                                  */
/*   --------------------------------------------------  */
#site-structure .page-list a.move-button,
#site-structure .page-list a.arrow-button{
    text-decoration: none;
}
#site-structure ul.page-list{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
#site-structure ul.page-list li.top-level-page {
    border-top: 1px solid black;
    padding-bottom: 8px;
}
#site-structure ul.children{
    padding-left: 20px;
}

 /*   --------------------------------------------------  */
 /*              Mem Dir                                  */
 /*   --------------------------------------------------  */
 .principal-assign-action{
     position:relative;
     display: inline-block;
 }
 .pop-up-menu{
     position: absolute;
     background-color: white;
     border: 1px solid black;
     width: 140px;
     z-index: 1000;
     text-align: left;
     /*padding: 15px;*/
     top: 0;
     left: 100%;
 }
 .pop-up-button:hover ~ .pop-up-menu,
 .pop-up-menu:hover{
   display: block;
   position:absolute;
 }
 .pop-up-button{
     color: blue;
 }
 .pop-up-menu {
   display: none;
 }
.pop-up-menu span:hover{
    font-weight: bold;
}
.pop-up-menu a.un-assign {
     color: red;
 }
.pop-up-menu a.assign {
    color: green;
}
.pop-up-menu .un-assign,
.pop-up-menu .assign{
    display: block;
    padding: 15px;
}
/*   --------------------------------------------------  */
/*              Event Notification                       */
/*   --------------------------------------------------  */
.event-notification{
	margin:0px 22px 25px
}
.event-notification .message{
	margin:5px 0px;
	padding:10px;
	border-radius:5px;
}

.event-notification .message.error{
	color:#ED5565;
	background-color:#fcdfe2
}

.event-notification .message.success{
	color:#3c763d;
	background-color:#dff0d8
}

.event-notification .message i{
	margin-right:5px
}

/*   --------------------------------------------------  */
/*              Helpers                                  */
/*   --------------------------------------------------  */
.display-none{
    display: none;
}