/* CSS FOR FORMS ----- */


.alert			{ color:red ; margin-top:0; margin-bottom:0 ; }



#searchpagesearchboxwrapper				{
										width:100% ;
										display:flex ;
										justify-content: center;
										}
#searchpagesearchboxwrapper.searchboxextra	{

										}
										
#pagerwrapper							{
										margin-top:3em;
										width:100% ;
										display:flex ;
										justify-content: center;

										}
#pager									{
										font-weight:bold;
										font-size:1.2em;
										}
#textcontent div.searchlisting, 
#textcontent div.searchlisting1 	{
									margin-top:2.4em;
									}

#textcontent p.searchtitle			{
									margin-left:1em;
									font-size:1.15em;
									
									}

										
#textcontent p.searchdesc			{
									margin-left:4em;
									}

.searchouter, .searchouter-public,
.searchpageouter
			{
						float:right; /* */
				/*		width:330px; /* */
						margin-left:8px;
						margin-top:8px;
						margin-bottom:9px;
						margin-right:10px;
						border:2px #333399 solid;
						border-radius:3px;
						display: flex;
						flex-wrap: nowrap;
						justify-content: space-between;
						overflow:hidden;
						background:#ffffff ;
						}
						
.searchouter-public		{
						float:none;
						margin-right:0px;
						}
						
.searchpageouter		{
						
						float:none;
						width:34em;
						margin-right:0px;
						}
						
						
.searchbox, .searchbox-public,
.searchpagebox
						{
						width:90% ;
						padding:0px;
						outline:0px; 
						margin-top:3px;
						margin-left:10px;
						height:30px; 
						font-size:1.2em;
						background:#ffffff ;
						border:0px orange solid;
						}
						
.searchbox-public:focus		{
						
						}
		
.searchbox:focus,
.searchpagebox:focus		{
							background:#fff2cd ; 
							}

.searchboxextra			{
						width:99%;
						}
						
button.formsearch, button.formsearch-public,			
#textcontent button.formsearch
						{
						border:0px;
						border-radius:0px;

						background: #333399 ;
						background-image: url("/images/button/magnifying_glass.png") ;
						background-position-x: 13px;
						background-repeat:no-repeat ;
						background-size:contain; 
						padding:0px;
						padding-left:60px;
						padding-right:3px;
						color:white;
						font-size:1.2rem;
						height:36px;
						}						
.formsearch:focus, 
.formsearch:hover
						{
						background-color: #fbe9c6; ;
						}

.formsearch-public		{
						background-image: url("/images/button/search-button.jpg") ;
						}
						
.formsearch-public:focus, 
.formsearch-public:hover
						{
						background-color: #fbe9c6; ;
						}


#searchextras						{
									display:flex ;
									justify-content:space-around;
									}



.searchhighlight			{
						background-color: #fbe9c6; ;

							}
							
.ppagerlink, .ppagerlinkdisabled {

								}
.ppagerlinkdisabled, .ppagerlinkdisabled:hover			{
								color:#909090;
								}
							
							
							
							
							

.formbox					{
							margin-top:2em;
							margin-bottom:2em;
							border-top: 2px #e0e0e9 solid;
							border-bottom: 2px #e0e0e9 solid;
							padding:10px;
							padding-left:30px; padding-right:30px;
							background: #f0f0f0;
							}
							
.formsubmit, .g-recaptcha					{ 
							font-size:1.4em;
							float:right;
							margin-right:200px;
							margin-top:10px;
							background: #c2d2e0 ;
							}
							
.g-recaptcha.sidebysidebutton		{
						
						margin-left:auto;
						margin-right:auto;
						}

input				{
					font-size:1.1em;
					}


input.testradio			{
						margin-right:1.1em;
						}

label	{
		color: #171818; /* body default text color */
		}

.formfillinbox		{
					width:99%;
					height:4em;
					font-size:1.3em;
					}


#rt 							{
								width: 100%;
								display: table;
								}
								
#rt-caption						{
								display: table-caption;
								text-align: center;
								font-size: 1.1em;
								font-weight: bold;
								}
								
#rt-header						{
								display: table-header-group;
								background-color: #f0f0f0;
								font-size: 1.3em;
								font-weight: bold;
								}
								
.rt-header-cell					{
								display: table-cell;
								padding: 10px;
								font-size:1rem;
								text-align: justify;
								border-bottom: 1px solid black;
								}								

#rt-body						{
								display: table-row-group;
								}


.rt-row							{
								display: table-row;
								}
								
.rt-body-cell					{
								display: table-cell;
								vertical-align:middle;
								font-size:1.1em;
								line-height:1.3em;
								}
								
#rt-footer						{
								display: table-footer-group;
								background-color: gray;
								font-size: 1.3em;
								font-weight: bold;
								color: #f0f0f0;
								}			
								
.rt-footer-cell					{
								display: table-cell;
								padding: 10px;
								text-align: justify;
								border-bottom: 1px solid black;
								}
				
#rt p.checklist					{
								margin-top:0px;
								margin-bottom:0.3em;
								}

				
				
.form-label				{
						font-size: 1.1em;
						padding-bottom:5px;
						padding-right:1em;
						font-weight:400;
						color: #303070;
						}
.form-subheading			{
							font-weight:700;
							font-size: 1.1em;
							}

.label-top				{
						vertical-align:top;
						padding-left:2em;
						}

.label-left				{
						text-align:left;
						}	

.label-center			{	
						text-align:center; 
						}

.label-right			{				
						vertical-align:top;
						text-align:right;
						}	
								
.form_error					{
							color: #f01010;
							margin-bottom:2px;
							}
								
								

.formtop p {
			font-size:1.2em;
			line-height:1.3em;
			margin-top:.3em;
			margin-bottom:.5em;
			margin-left:3em;
			margin-right:3em;
			}


div.formtop	{
			margin-top:2em;
			margin-bottom:3em;
			}





@media (max-width: 1150px)
{

pagewrapper nav		{
					flex-basis:300px;
					padding:.3em;
					}


.searchouter			{
						width:200px;
						margin-left:auto;
						float:right;
						}

.searchpageouter		{
						width:24em;
						}
}



@media (max-width: 724px)
{

		pagewrapper nav {
						flex-basis:200px ;
						}

		pagewrapper main {
						flex-basis:auto ;
						}


		.searchpageouter		{
								width:auto;
								}

		.formsubmit, .g-recaptcha					{ 
													margin-right: 20px;
													}
}



@media (max-width: 500px)
{


		.formbox				{ padding:9px; }
		
		.formtop p 				{ margin-left:.4em; margin-right:.4em; }

}


/* --------- END of CSS for Forms --------	*/