/* test everything css */

body, div, ul, li, img { margin: 0; padding: 0; border: 0; }

html, body { height: 100%; }

	.clear { clear: both; }

	#Distance { 
		width: 1px;
		height: 50%;
		margin-bottom: -13.75em;
		float: left;
	}

	#Page {	
		margin: 0 auto;
		position: relative;
		text-align: center;
		height: 380px;
		width: 100%;
		clear: left;
		background-image: url(../images/blue_bg.png);
		background-repeat: repeat-x;
		background-position: middle left;
	}
	
		.Controls {
			margin: 0 auto;
			width: 400px;
			text-align: left;
			color: #8BC7F5;
			font-size: 0.7em;
			font-family: Verdana;
		}
	
			.Controls input {
				padding: 3px;
				font-size: 0.8em;
				font-family: Verdana;
				margin-top: 2px;
			}
	
		#Logo {
			padding-top: 1.5em;
			padding-bottom: 0em;
		}
		
		#EnterURLCaption {
			margin-bottom: 0.3em;
		}
	
		#EnterURLCaption a:link, #EnterURLCaption a:visited {
			color: #8BC7F5;
		}
	
		#InputField input {
			width: 388px;
			padding: 6px;
			background-color: #FFFFFF;
			color: #003E70;
			border: 1px solid #00589C;
			font-family: Tahoma;
			font-size: 1.3em;
		}
		
		#InputField input:hover {
			background-color: #D9EFFF;
		}
	
		#SubmitButtons {
			text-align: left;
			margin-top: 0.2em;
		}
			
			#SubmitButtons input {
				padding: 5px 6px;
				vertical-align: middle;
			}
			
			#btnTest { width: 10em; }
			#btnMoreOptions { width: 11em; }
			#btnClear { width: 8em; }
		
		#SelectToolCaption {
			padding: 1.6em 0em 0.4em 0em;
		}
	
		#ToolBox {
			width: 400px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
		}

			#ToolBoxMoveablePanel {
				position: relative;
				overflow: hidden;
				width: 1600px;
				height: 200px;
				margin: 0;
				padding: 0;
				left: -400px;
				color: #FFFFFF;
				font-family: Verdana;
				font-size: 0.7em;
			}
		
				.ToolBoxContainer { 
					width: 400px;
					height: 200px;
					float: left;
					text-align: left;
				}
				
				.ToolBoxContainer a:link, .ToolBoxContainer a:visited {
					color: #fff;
				}
				
					.tlCategoryList {
						float: left;
						width: 391px;
					}
					
						.tlCategoryItem {
							width: 391px;
							text-align: left;
							float: left;
							margin-bottom: 1px;								
							background-image: url("../images/gradient.png");
							background-repeat: repeat-x;
							background-position: top left;						
						}
						
						.tlCategoryItem:hover {							
							background-image: url("../images/gradient_hover.png");
							background-repeat: repeat-x;
							background-position: top left;							
						}
						
						
							.tlCategoryItem a {
								text-decoration: none;
								float: left;
								width: 391px;
								padding: 4px;
								background-image: url("../images/icons/folder.png");
								background-repeat: no-repeat;
								background-position: 4px 2px;    
								padding-left: 25px;
							}							
							.tlCategoryItem a:link, .tlCategoryItem a:visited {
								color: #003E6F; 
								/*background-color: #3174A8;*/
							}
							.tlCategoryItem a:active, .tlCategoryItem a:hover { 
								color: #000000; 
								/*background-color: #00589C;*/
							}


					.tlToolListContainer {
						float: left;
						width: 400px;
					}
		   
						.tlToolHeader {
							width: 100%;
							text-align: left;
							float: left;
							margin-bottom: 1px;
							background-color: #A6D8FF;
							color: #00589C;
							font-weight: bold;
							background-repeat: no-repeat;
							background-position: 6px center;
							padding-left: 22px;
						}
						
						.tlToolHeader div {
							width: 100%;
							padding: 4px;
						}
						
						.tlToolHeader div a:link, .tlToolHeader div a:visited {
							color: #FFFFFF;
						}
						
						.tlToolList {
							float: left;
							width: 400px;
						}
						
							.tlToolItem {
								color: #003E6F;
								cursor: pointer;							
               
								background-image: url("../images/gradient.png");
								background-repeat: repeat-x;
								background-position: top left;	
			   
								width: 400px;
								text-align: left;
								float: left;
								margin-bottom: 1px;                
							}
							
							.tlToolItem:hover {               
								background-image: url("../images/gradient_hover.png");
								background-repeat: repeat-x;
								background-position: top left;	              
							}
		   
							.tlEmptyToolItem {
								width: 400px;
								float: left;
								margin-bottom: 1px; 
								background-image: url("../images/gradient.png");
								background-repeat: repeat-x;
								background-position: top left;	
							}
		   
							.tlEmptyToolItem div { padding: 4px 0px 4px 25px; }
							
							.tlToolItem div { 
								padding: 4px 0px 4px 25px;								
								background-image: url(../images/checkbox_false.png);
								background-repeat: no-repeat;
								background-position: top left; 								
							}		
							
							.tlToolItem:hover { 
								color: #000000; 
							}
		   
		   
							.tlBackButton {
								width: 150px;
								text-align: left;
								float: left;
								color: #00589C;
								background-color: #FFFFFF;
								cursor: pointer;
								margin-right: 1px;
								background-image: url(../images/icons/arrow_left.png);
								background-repeat: no-repeat;
								background-position: left center; 
							}		
							.tlBackButton div { padding: 4px 0px 4px 24px; } 		
							.tlBackButton:hover { color: #00589C; background-color: #F4FBFF; }
		
		
							.tlNextButton {
								width: 148px;
								text-align: right;
								float: left;
								color: #00589C;
								background-color: #FFFFFF;
								cursor: pointer;
								background-image: url(../images/icons/arrow_right.png);
								background-repeat: no-repeat;
								background-position: right center;
							}		
							.tlNextButton div { padding: 4px 24px 4px 0px; } 	
							.tlNextButton:hover { color: #00589C; background-color: #F4FBFF;}
	
	
							.tlPagesOverview {
								width: 100px;
								text-align: center;
								float: left;
								color: #00589C;
								background-color: #FFFFFF;
								cursor: pointer;
								margin-right: 1px;
							}		
							.tlPagesOverview div { padding: 4px 0px 4px 0px; } 

	/* footer navi */
	#FooterNavi {
		font-family: Verdana;
		font-size: 0.7em;
		color: #808080;
	}
	#FooterNavi a:link, #FooterNavi a:visited { color: #808080; }
	#FooterNavi a:hover, #FooterNavi a:active { color: #003C6A; }


	/* copyright, etc. */
	#Credits {
		font-family: Verdana;
		font-size: 0.7em;
		color: #CCCCCC;
	}		
	#Credits a:link, #Credits a:visited { color: #CCCCCC; }
	#Credits a:hover, #Credits a:active { color: #000000; }


	/* highslide */	
	.highslide-html-content { width: 370px; }
	.highslide-move { border: 0; height: 18px; padding: 2px; cursor: default; }