@charset "utf-8";
/* CSS Document */
 
/**
  * general elements
  *
  */

html, body {
	height: 100.01%;
}


body {
	background: url(../images/subpage_body_bg.png) top left repeat-x;
	color: #0A4157;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}


#wrapper {
	margin: 0 auto;
	min-height: 600px;
	width: 935px;
}


/**
  * special elements
  *
  */
  
#failedbox {
	background: url(../img/alertbox.png) top left no-repeat;
/*	display: none; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height:55px; /* 135px */
	left:50%;
	margin: 48px 0 0 68px;
	overflow: hidden;
	padding: 46px 35px 44px 28px;
	position:absolute;
	width:177px; /* 240px */
}


/**
  * head elements
  *
  */
#head {
	background: url(../images/outerhead_bg.gif) top left no-repeat;
	height: 133px;
	width: 935px;
}

	#logo {
		float:none;
		height:146px;
		margin-left:20px;
		position:absolute;			
		top:18px;			
		width: 383px;			
	}
	
		#logo img {
			border: none;
		}
		
		
	#login {
		color: #5C5C5C;
		float: right;
		font-size: 12px;
		height: 110px; /* 130px */
		padding: 3px 0 0 9px;
		width: 371px; /* 380px */
	}
	
		#login form {
			margin: 0;
			padding: 0;
		}
	
			#login .langnavi {
				border-bottom: 1px solid #E3E3E3;
				font-size: 11px;
				padding: 0 0 5px 3px;
				width: 350px;
			}
			
				#login .langnavi a {
					color: #5C5C5C;
					padding: 0 3px;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#login .langnavi a:hover {
					color: #5C5C5C;
					text-decoration: underline;
				}
				
				#login .langnavi a.active {
					color: #5C5C5C;
					font-weight: bold;
				}				
		
			#login label {
				float: left;
				height: 18px;
				line-height: 18px;
			}
		
			.textinput {
				background: url(../images/textinput_bg.gif) top left repeat-x;
				border: 1px solid #DBDBDB;
				padding: 4px 3px;
				width: 135px;

			}
			
			#submitbutton_left {
				background: url(../images/submitbutton_left.gif) top left no-repeat;
				float: left;
				height: 26px;
				width: 5px;
			}
			
			#submitbutton_middle {
				background: url(../images/submitbutton_middle.gif) top left repeat-x;
				color: #FFF;
				float: left;
				font-weight: bold;
				height: 26px;
				line-height: 26px;
				padding: 0 3px;
			}
			
			#submitbutton_right {
				background: url(../images/submitbutton_right.gif) top left no-repeat;
				float: left;
				height: 26px;
				width: 5px;
			}		
		
		#login .retrieve {
			color: #BA2E57;
			height: 30px;
			margin: 10px 0 0 0;
			width: 200px;
		}
		
			#login .retrieve a {
				color: #BA2E57;
			}
			
			#login .retrieve a:hover {
				color: #BA2E57;
				text-decoration: none;
			}
  
/**
  * middle elements
  *
  */  
  
.adv {
	padding:20px 0 0 20px;
	font-size:.8em;
	color:#767676;
}
  
#middle {
	background: url(../images/middle_subpage_bg.jpg) left top repeat-x;
	border-bottom: 1px solid #E1E1E1;
	float: left;
	font-size: 14px;
	min-height: 500px;
	width: 935px;
}

	#middle .contentrightbutton {
		background: url(../images/contentright_button.png) top left no-repeat;
		font-size: 17px;
		font-weight: bold;
		height: 90px; /* 130px */
		margin: 20px 0 5px 0;
		overflow: hidden;
		padding: 20px 10px;
		width: 351px; /* 371px */
	}	
	
		 #leftnavi {
			 float:left;
			 min-height:400px;
			 width:240px;
			 padding-top: 65px;
 		}
	
		#leftnavi ul {
			/*border: 1px solid #66A8BC;*/
			border-bottom: none;
			list-style: none;
			margin: 4px 0 0 0;
			padding: 0;
		}
		
		ul.leftnavi a {
			color: #66A8BC; 
			/*border-bottom: 1px solid #66A8BC;*/
			display: block;
			padding: 5px 3px 5px 21px;
			text-decoration: none;
			font-weight: bold;
			width: 214px; /* 240px */
		}
	
		ul.leftnavi a:hover, ul.leftnavi a.active {
			background: #a3cbd7;
			color: #FFF;
		}

	#content {
		float: right;
		min-height: 337px; /* 400px */
		padding: 23px 30px 40px 30px;
		width:635px; /* 695px */
	}
	
		#content h1 {
			font-size: 22px;
			margin: 0;
			padding: 7px 0 10px 0;
		}
		
		#content h2 {
			font-size: 16px;
			margin: 0;
			padding: 7px 0 10px 0;
		}
		
		#content a {
			color: #BA2E57;
			text-decoration: underline;
		}

		#content a:hover {
			text-decoration: none;
		}
		
		#content p {
			margin: 0;
			padding: 7px 0;
		}
 
		#content ul.quicklinks{
			padding: 0;
		}
		
		#content ul.quicklinks li {
			background: url(../images/contentright_arrow.gif) center left no-repeat;
			list-style: none;
			margin: 0;
			padding: 3px 0 3px 40px;
		}
		
		#content ul.quicklinks a {
			font-size: 15px;
			font-weight: bold;
			text-decoration: none;
		}
		
		#contentright ul.quicklinks a:hover {
			text-decoration: underline;
		}
		
		
		#content .box {
			margin: 10px 0;
			width: 635px;
		}
		
		#content .smallbox {
			margin: 10px 0;
			width: 250px;
		}
		
				
		#content .box_head {
			background: url(../images/box_head_bg.gif) top left no-repeat;
			float: left;
			height: 19px;
			width: 635px;
		}
		#content .small_box_head {
			background: url(../images/box_head_small_bg.gif) top left no-repeat;
			float: left;
			height: 19px;
			width: 250px;
		}
		
		#content .box_middle {
			background: url(../images/box_middle_bg.gif) top left repeat;
			float: left;
			min-height: 5px;
			padding: 5px 10px;
			width: 615px; /* 635px */
		}
		#content .small_box_middle {
			background: url(../images/box_middle_bg.gif) top left repeat;
			float: left;
			min-height: 5px;
			padding: 5px 10px;
			width: 230px; 
		}
		
		#content .box_footer {
			background: url(../images/box_footer_bg.gif) top left no-repeat;
			float: left;
			height: 50px;
			width: 635px;
		}
		#content .small_box_footer {
			background: url(../images/box_footer_small_bg.gif) top left no-repeat;
			float: left;
			height: 50px;
			width: 250px;
		}
		
		
		ul.error_list
		{
			margin: 0;
			margin-bottom: 7px;
			color: #d33;
			border: none;
			background-color: #FFCC66;
		}
		ul.error_list li
		{
			padding: 4px;
			padding-left: 25px;
			list-style: none;
			color: #000;
			background: url(../images/error.png) no-repeat 4px 4px;
		}
 
  
/**
  * footer elements
  *
  */  
  
#bottom {
	color: #66A8BC;
	float: left;
	font-size: 12px;
	height: 50px;
	margin: 15px 0 0 0;
	padding: 0 0 0 30px;
	width: 905px; /* 935px */
}

	#bottom a {
		color: #66A8BC;
		text-decoration: none;
	}
	
	#bottom a:hover {
		color: #66A8BC;
		text-decoration: underline;
	}	

	#bottom .footernavi {
		float: left;
		font-weight: bold;
		height: 20px;
		width: 935px;
	}
	
	#bottom .footernavi a {
		padding: 0 5px;
	}
	
	#bottom .footernavi a.first {
		padding: 0 5px 0 0;
	}
	
	#bottom .copyright {
		float: left;
		font-weight: normal;
		height: 20px;
		width: 935px;
	}