/* import google font Judson - Suggest downloading font to our server so this version is always present with files */

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);



/*body {	background: #006691 url(../images/bg_background.jpg);
		background-repeat:repeat-X;
		min-height: 1500px;
		}*/
body {	background: url(../images/bg_background.jpg);
		background-repeat:repeat-X;
		}		

a {text-transform: uppercase;}

#wrapper {
		width: 1056px;
		margin: 0 auto;
		}
		
		#hdr-black-bar {height: 170px;}
		
		#hdr-black-bar .home {float: left; width: 16px; background-color: #000;}
			#hdr-black-bar .home img {margin:10px 0 0 20px;}

		#hdr-black-bar .hdr-right {float: right; width 500px; 
									background-color: #000; margin-right:20px;}
			#hdr-black-bar .hdr-right img {margin:10px 0 0 5px;}	

			/*selected language icon */
			.active-language {opacity:1;
							filter:alpha(opacity=100); 
							/* For IE8 and earlier */}
			/*non selected language icon */
			.inactive-language {opacity:0.6;
							filter:alpha(opacity=60); 
							/* For IE8 and earlier */}
							
			#hdr-black-bar .hdr-right a {color: #929292;}
				#hdr-black-bar .hdr-right a:hover {color: #aaa;}
				#hdr-black-bar .hdr-right a:visited {color: #777;}
			
			#hdr-black-bar #hdr-banner {
						width: 912px; 
						margin: 0 auto;
						padding-top:30px;						
						clear: both; }

			#contant p a {color: #1390bf;}
					#content p a:link {color: #0000FF;}
					#content p a:visited {color: #0000FF;}
					#content p a:hover {color: #1390bf;}
					#content p a:active {color: #1390bf;}
					
					
			#content {
				background: #fff;
				padding: 10px;
				/*height: 760px;*/ 
				
				text-align: center;
				
				border: 1px solid #eee;
				border-radius: 15px;
				
				-moz-border-radius: 15px;
				border-radius: 15px;
				
				-moz-box-shadow:    0px 0px 10px 2px #4ea7c8;
  				-webkit-box-shadow: 0px 0px 10px 2px #4ea7c8;
 				box-shadow:         0px 0px 10px 2px #4ea7c8;
				}
				
				.blue{					
					background: #b1e9fe;
					margin: 10px;
					
					min-height: 690px;
					border: 1px solid #1390bf;
					border-radius: 15px;
				
					-moz-border-radius: 15px;
					border-radius: 15px;}
				.blue_forgot_pwd{					
					background: #b1e9fe;
					margin: 10px;
					
					min-height: 370px;
					border: 1px solid #1390bf;
					border-radius: 15px;
				
					-moz-border-radius: 15px;
					border-radius: 15px;}
				#content .blue h2 {text-align: center; color: #1390bf; padding: 10px;}
				 
				#content form {					
					background: #fff;
					padding: 20px;

					border-radius: 15px;				
					-moz-border-radius: 15px;
					border-radius: 15px;}


					#content form.left-form {float: left; width: 43%; margin: 20px 20px 0 20px;}					
					#content form.right-form {float: left; width: 43%; margin: 20px -0 0 0;}
					#content form.center-form {float: left; width: 90%; margin: 20px 0 0 30px;}
					#content form table td.td-center {padding:5px 10px;text-align: center;}
				
				#content form h2 {font-weight: bold; text-transform: uppercase;}
				#content form p {margin-top: 10px;}
				
				#content form img {display: block; margin: 10px auto 0 auto;}
				
				#content form input {
						display: block;
						width: 300px;
						margin: 5px auto;
						padding: 3px 0 5px 5px;

						/*text-align: center;*/
						font-size: .9em;
					
						border: 1px solid #1390bf;
						color: #1390bf;
						background-color: #c9f0fe;
						
						border-radius: 10px;				
						-moz-border-radius: 10px;
						border-radius: 10px;
					
						-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
						-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
						box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
						}				
				
				#content form input.button {
						border: 1px solid #888;
						color: #000;
						width: 100px; 
						margin-top: 10px;
						font-size: .7em; 
						
						text-align: center;
						
						border-radius: 15px;				
						-moz-border-radius: 15px;
						border-radius: 15px;
						
						background-image: 
						linear-gradient(bottom, 
							rgb(237,234,237) 13%, 
							rgb(181,181,181) 56%, 
							rgb(237,237,237) 86%);
						background-image: 
						-o-linear-gradient(bottom, 
							rgb(237,234,237) 13%, 
							rgb(181,181,181) 56%, 
							rgb(237,237,237) 86%);
						background-image: 
						-moz-linear-gradient(bottom, 
							rgb(237,234,237) 13%, 
							rgb(181,181,181) 56%, 
							rgb(237,237,237) 86%);
						background-image: 
						-webkit-linear-gradient(bottom, 
							rgb(237,234,237) 13%, 
							rgb(181,181,181) 56%, 
							rgb(237,237,237) 86%);
						background-image: 
						-ms-linear-gradient(bottom, 
							rgb(237,234,237) 13%, 
							rgb(181,181,181) 56%, 
							rgb(237,237,237) 86%);
		
						background-image: -webkit-gradient(
							linear,
							left bottom,
							left top,
							color-stop(0.13, rgb(237,234,237)),
							color-stop(0.56, rgb(181,181,181)),
							color-stop(0.86, rgb(237,237,237))
							);
						}
						
						
					#content form a:link {color: #888;}
					#content form a:visited {color: #888;}
					#content form a:hover {color: #1390bf;}
					#content form a:active {color: #1390bf;}

/* punch
*******************************************************************************/
button.punch {
  background: #4162a8;
  border-top: 1px solid #38538c;
  border-right: 1px solid #1f2d4d;
  border-bottom: 1px solid #151e33;
  border-left: 1px solid #1f2d4d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  color: #fff;
  font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  margin-bottom: 10px;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  width: 150px;
  -webkit-background-clip: padding-box; }
  button.punch:hover {
    -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
    -moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
    box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
    cursor: pointer; }
  button.punch:active {
    -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
    -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
    box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
    margin-top: 58px; }

button.punch {
  margin-top: 54px; }

				
			footer {margin: 50px 0 0 0;}
				
				footer .ftr_left {float: left;
							margin-left: 20px;
							width: 175px;
							}
				
				footer .ftr_right {float:right;
							margin-right:20px;
							width:175px;
							}
							
				footer .ftr_center {width:600px;
							margin: 0 auto;
							text-align: center;
							}

							footer .ftr_center a {color: #72b9e9; text-decoration: none;}
							footer .ftr_center a:hover {color: #a7ecff;}
							footer .ftr_center a:visited {color: #4690be;}
							
				.entry_form {font-style: normal;
						font-family: courier, monospace; font-weight: bold;}
						
			#content_main p {line-height:30px;}			
			#content_main p a:link {color: #0000FF;}
			#content_main p a:visited {color: #0000FF;}
			#content_main p a:hover {color: #1390bf;}
			#content_main p a:active {color: #1390bf;}
					
					
			#content_main {
				background: #fff;
				padding: 10px;
										
				border: 1px solid #eee;
				border-radius: 15px;
				
				-moz-border-radius: 15px;
				border-radius: 15px;
				
				-moz-box-shadow:    0px 0px 10px 2px #4ea7c8;
  				-webkit-box-shadow: 0px 0px 10px 2px #4ea7c8;
 				box-shadow:         0px 0px 10px 2px #4ea7c8;
				}
				
			#content_main .blue h2 {text-align: center; color: #1390bf; padding: 10px;}
			
			.blue_main{					
					background: #b1e9fe;
					margin: 10px;
					
					min-height: 360px;
					border: 1px solid #1390bf;
					border-radius: 15px;
				
					-moz-border-radius: 15px;
					border-radius: 15px;
					padding-left:20px;}
			.header_menu{
				float:left; 
				padding-left:30px;
				padding-top:8px;
			}