






	


<!DOCTYPE html>


	
	
			
	




<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" dir="ltr"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" dir="ltr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" dir="ltr"> <!--<![endif]-->



<!-- Website designed and developed by Bright Interactive, http://www.bright-interactive.com -->
























						
<head>
	<title>Missouri Media Gallery | Login</title>
	
	




	



		
		
		





















	
	
	
	
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">


   	<!-- Link to stylesheets -->

    

	<link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_678685982/css/standard/main.css" />


	<!-- Link to stylesheets for IE/Win -->
	<!--[if IE 6]>
        <link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_N1785934338/css/standard/ie-6.css" />

	<![endif]-->
	<!--[if IE 7]> 
        <link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_N1810754930/css/standard/ie-7.css" />

	<![endif]-->
	<!--[if IE 8]> 
        <link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_2077548961/css/standard/ie-8.css" />

	<![endif]-->
	
	
	
		
		
            <link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_2096332499/css/standard/colour-scheme.css" />

		
	
	
	<!-- Stylesheet to sort out display issues of right to left text --> 
	

	<script type="text/javascript" src="../js/lib/modernizr.custom.53211.js"></script>

	<script type="text/javascript" src="/assetbank-missouri/js-cached/gzip_N946380934/js/jquery-bundle.js" ></script>

	<link rel="stylesheet" type="text/css" media="all" href="/assetbank-missouri/css-cached/gzip_N1425801474/css/standard/jquery-ui.css" />

	
	<script type="text/javascript">
		var csrfToken = "ZflHGNuY72vSzlwEAWm0";
	</script>

	<script type="text/javascript" src="/assetbank-missouri/js-cached/gzip_608079910/js/prototype.js" ></script>

	<script type="text/javascript" src="/assetbank-missouri/js-cached/gzip_254523818/js/bootstrap.js" ></script>

    <script type="text/javascript" src="/assetbank-missouri/js-cached/gzip_1801050627/js/scriptaculous-dependencies.js" ></script>


	<script type="text/javascript" src="../js/lib/swfobject.js"></script>
	<script type="text/javascript" src="../js/lib/date.js"></script>

    <script type="text/javascript" src="/assetbank-missouri/js-cached/gzip_1886464846/js/bright-bundle.js" ></script>


	<!--[if IE 7]>
		<script type="text/javascript" src="../js/lib/iconfont-lte-ie7.js"></script>
	<![endif]-->

	
   	<script type="text/javascript">

		// Global variable to store date format from app setting (used in datepicker javascript)
		var jqDateFormats = {
			'standard' : 'mm/dd/yy',
			'yearMonth' : 'mm/yy'
		}
		
		
		
		
		
		// when dom ready
		$j(function() {
			// BB moved popup links listener to bright_util.js

			
				//initialise quick search autocomplete - BB-AutoComplete - hide this if quicksearch autocomplete disabled!
				if ($j('#searchKeywords').length>0) {
					//initialise jquery autocompleter on search field:
					initJQAutocompleter($j('#searchKeywords'), "");
				}	
			
      	
		});

	</script>

	<!-- Meta tags -->
	<meta name="keywords" content="Asset Bank" />
<meta name="description" content="Asset Bank" />



	<script type="text/JavaScript">
		// give the username field the focus once the dom is ready
		$j(function () {
  			$j('#username').focus();
 		});
	</script>	
		
	

<style type="text/css">
    html, body {
        height: 100%;
    }
</style>


    
	

    <script type="text/javascript">
        $j(window).load(function() { 

            // If in browser that doesn't support css3 scalable background images
            if ($j('html').hasClass('ie8') || $j('html').hasClass('ie7') ) {

                // Add a helper div to the page containing the background image
                $j('body').prepend('<div class="bg-scale-fallback"><img src="../action/directLinkLocation?filePath=9f321d1f62fef4cb8270fc91be96373a34dea4a868ee71ab58ba42f270583813eaf9fb075f8a19dc53edbbcb087f4723.jpg&amp;format=jpg" alt="" /></div>');

                var $theWindow        = $j(window),
                    $bg              = $j(".bg-scale-fallback img"),
                    aspectRatio      = $bg.width() / $bg.height();
                                            
                function resizeBg() {           
                    if ( ($theWindow.width() / $theWindow.height()) < aspectRatio ) {
                        $bg
                            .removeClass()
                            .addClass('bgheight');
                    } else {
                        $bg
                            .removeClass()
                            .addClass('bgwidth');
                    }
                }
                
                // Set the background image to 100% by 100% now and every time the window is resized                                             
                $theWindow
                    .resize(resizeBg)
                    .trigger("resize");
            }

        });

        
    </script>
    
    

    

    <style type="text/css">

        #loginPage, #registrationPage {
            background: url(../action/directLinkLocation?filePath=9f321d1f62fef4cb8270fc91be96373a34dea4a868ee71ab58ba42f270583813eaf9fb075f8a19dc53edbbcb087f4723.jpg&format=jpg) no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            position: relative;
            margin: 0;
        }


		.box,
        #loginPage .leftShadow,
        #registrationPage .leftShadow {
            margin-top: 0;
            position:relative;
            top: 10%;
            
            
        }


        div.rightShadow, div.leftShadow {
            padding-bottom:0;
        }

        .ie7 #loginPage, 
        .ie7 #registrationPage,
        .ie8 #loginPage, 
        .ie8 #registrationPage {
            background: none;
        }

        /* fix dissapearing form in IE 7 */
        .ie7 form.floated {
            height:auto;
        }

        .bg-scale-fallback {
            position:fixed;
            width: 100%;
            height: 100%;          
        }


        .bg-scale-fallback img { 
            position: fixed; 
            top: 0; 
            left: 0; 
        }

        .bgwidth { width: 100%; }
        .bgheight { height: 100%; }
		
				/* Overide positionning of login panel on small devices (as can appear off screen) */
        @media all and (max-width: 767px) {
			.box,
			#loginPage .leftShadow {
				top: 10%;
				margin-left: auto;
			}
		}  

        @media all and (max-width: 430px) {
			.box,
			#loginPage .leftShadow {
				top: 0;
			}
		}   

    </style>

    





	
</head>

<body id="loginPage">

	

	



	




<div id="topStrip" >
	<!-- coloured strip at top of screen -->
	<div class="pageWrapper clearfix">
		
		
		
		
	</div><!-- end of pageWrapper -->
</div>


		
	<div class="box" id="loginPanel">
		
		<div class="box__header logo box--centered">
			





	
	
		
		
			
			
			
				
			
		
		
		<a href="../action/viewHome"><img src="../images/standard/mo/mo_logo.png" alt="Celerity"  class="logo" /></a> 
		
	

	  
		</div>

		<div class="box__inner">
		
			
   			
       			<div class="loginContentPanel">
					<p>Welcome to the official media site for the Missouri Division of Tourism. Register below to create a free account or sign in with your existing credentials to access MDT’s photo library and latest news releases. </p>
				</div>
   			

				
			




	<!-- System messages for the user -->
	<div class="printHide">
		
	</div>




		
						

					

					
						<!-- intro text -->
						
							
							
								
							
						
		
											
					
					
						
						
						
					
					
					
					
					
					
					
					 
						
						
						
					

							

						<form id="loginForm" method="post" action="/assetbank-missouri/action/login;jsessionid=8A6592925AE5CE04DFCE8D84504861BC" class="form-full-field form--login"><input type="hidden" name="CSRF" value="ZflHGNuY72vSzlwEAWm0" />
							
								<input type="hidden" name="forwardUrl" value="" />
								
							
								
							<input type="hidden" name="loggedOut" value="false" />
							
							


							<div class="form-group form-group-stacked noTopMargin">
								
								
									
										
										
									
									
									
							
								<label for="username" class="form-label">
									Email Address:
								</label>
								<div class="form-controls">
									<i aria-hidden="true" class="icon-user field-icon"></i>
									<input type="text" name="username" maxlength="50" value="" id="username" class="text" placeholder="Email address" />	
								</div>
							</div>
							
							<div class="form-group form-group-stacked">
								<label for="password" class="form-label">Password:</label>
								<div class="form-controls">
									<i aria-hidden="true" class="icon-lock field-icon"></i>
									<input type="password" name="password" maxlength="50" value="" id="password" class="js-caps-check" placeholder="Password" />
								</div>
							</div>

							<script type="text/javascript">
								$j(function() {
									formUtil.capsWarning('Caps lock is on'); // add capslock warnings
								});
							</script>

						
							
							
								<div class="form-group form-group-stacked">
									
									<div class="form-controls">
											
											<label class="checkbox">
												<input type="checkbox" name="conditionsAccepted" value="on" id="accept" /> 						
												I agree to comply with the <a href="../action/viewConditionsPopup?extra&#61;true" class="help-popup" target="_blank" title="View Terms and Conditions in a new window" rel="nofollow">Terms and Conditions</a> of the use of Media Library.
											</label>
										
											
											<label class="checkbox">
												<input type="checkbox" name="setCookieForAutoLogin" value="on" />
												Remember me
											</label>
										
									</div>
								</div>
							
							
				
							<div class="form-group form-group-stacked">
								<div class="form-controls">
									<input type="submit" name="submit" value="Log in" id="login-button" class="button button--block" />
								</div>
							</div>
							
							
						</form>

						
							<p class="forgotten-password-link">
								<a href="../action/viewPasswordReminder">Forgotten your password?</a>
							</p>
						
						
		


					

		

					

				
			

			
		
			

		</div>

		
			<div class="box__footer centered">
				<a href="../action/viewRegisterUser" rel="nofollow" id="registerLink">Register for an account</a>
			</div>
		
	</div>	<!-- end of loginPanel -->
	


	

</body>
</html>
